Действие GitHub для build
статического сайта Qwik[ City ] для страниц GitHub.
Сначала включите GitHub Pages в разделе Settings
вашего репозитория > Pages
, изменив источник на GitHub Actions
:
Это действие будет выглядеть в package.
[ yaml
/ json
] для первого scripts
, содержащего команду build
qwik
, и run
его с помощью [ p
] npm
или yarn
, в зависимости от ситуации:
// 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"
}
он также настроит Qwik для создания статического сайта, если вы еще не run qwik add static
.
Поскольку он запускает соответствующий сценарий 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. |
.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
Массачусетский технологический институт © Дэниел Бэйли