qwik build

Qwik- Build

GitHub-Aktion zum build Ihrer statischen Qwik[ Stadt ]-Site für GitHub-Seiten.

Verwendung

Aktivieren Sie zunächst GitHub Pages unter Ihren Repository Settings > Pages , indem Sie die Quelle in GitHub Actions ändern:

Diese Aktion wird im package. [ yaml / json ] scripts für das erste Skript, das einen qwik build -Befehl enthält, und run es je nach Bedarf mit [ p ] npm oder yarn aus:

 // 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"
}

Außerdem wird Qwik für die statische Site-Generierung konfiguriert, es sei denn, Sie run qwik add static .

Da das entsprechende build -Skript ausgeführt wird, kann Unterstützung für Civet – eine Sprache, die zu TypeScript und JSX kompiliert wird – hinzugefügt werden:

 # 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

Obwohl eine offiziellere Integration bevorzugt wird.

Optionen

inputs	Standard	Beschreibung
access-token	github.token	Geben Sie ein Token mit der Berechtigung an, Seiten automatisch zu aktivieren. Generieren Sie ein Zugriffstoken und fügen Sie es dann zu Ihren Repo- secrets hinzu.
branch	github.ref_name	Geben Sie optional einen bestimmten branch Ihres Repositorys an.
working-dir	github.workspace	Geben Sie optional einen Unterordner mit Quelldateien an.
build-dir	dist	Geben Sie optional einen alternativen build Ordner an.
node-version		Geben Sie optional einen SemVer- Bereich oder eine bestimmte Version von Node.js an.
node-version-file	package.json	Geben Sie optional eine Datei an, die die richtige Version von Node enthält.

Beispiel

.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 

Lizenz

MIT © Daniel Bayley