qwik buildダウンロード - qwik buildソースコードダウンロード

qwik build

その他のカテゴリー

v1.0.0

ダウンロード

クイックビルド

GitHub ページ用の Qwik[ City ] 静的サイトをbuildための GitHub アクション。

使用法

まず、ソースをGitHub Actionsに変更して、リポジトリのSettings > Pagesで GitHub ページを有効にします。

スクリーンショット

このアクションはpackage. qwik buildコマンドを含む最初のスクリプトの [ yaml / json ] scripts作成し、必要に応じて [ p ] npmまたはyarnでrun 。

 // package.json
"devDependencies" : {
  "@builder.io/qwik" : "^1.x" ,
  "eslint" : "^8.x" ,
  "vite" : "^5.x"
} ,
"scripts" : {
  "lint" : "eslint ." ,
  "build" : "qwik build" , // [p]npm/yarn run build
  "dev" : "vite --mode ssr"
}

また、すでにrun qwik add static場合を除き、静的サイト生成用に Qwik を設定します。

適切なbuildスクリプトを実行するため、 Civet (TypeScript および JSX にコンパイルする言語) のサポートを追加できます。

 # package.yaml
packageManager : [email protected]
devDependencies :
  " @builder.io/qwik " : ^1.x
  " @danielx/civet " : ^0.x
scripts :
  prebuild : civet --compile src/**/*.civet --output .tsx
  build : qwik build # pnpm run build

ただし、より正式な統合が望ましいです。

オプション

`inputs`	デフォルト	説明
`access-token`	`github.token`	Pages を自動的に有効にする権限を持つトークンを提供します。アクセストークンを生成し、リポジトリに`secrets`を追加します。
`branch`	`github.ref_name`	必要に応じて、リポジトリの特定の`branch`を指定します。
`working-dir`	`github.workspace`	必要に応じて、ソースファイルを含むサブフォルダーを指定します。
`build-dir`	`dist`	必要に応じて、代替の`build`フォルダーを指定します。
`node-version`		必要に応じて、 SemVer範囲またはNode.jsの特定のバージョンを指定します。
`node-version-file`	`package.json`	必要に応じて、正しいバージョンの Node.js を含むファイルを指定します。

例

.github/workflows/pages.yml :

 on :
  push :
    branches : site

permissions :
  pages : write
  id-token : write

concurrency :
  group : pages
  cancel-in-progress : false

jobs :
  build :
    runs-on : ubuntu-latest
    environment :
      name : github-pages
      url : ${{ steps.qwik-build.outputs.page-url }}

    steps :
    - name : Qwik Build
      id : qwik-build
      uses : danielbayley/qwik-build@v1
      with :
        branch : site