imba static site

注: 新しいプロジェクトには、新しい https://github.com/imba/imba-vite-template をお勧めします。このリポジトリは ESBuild バンドラーの代替として存続しますが、今後は Vite に重点を置くため、多くの更新は行われない可能性があります。

静的ホスティング用の Imba の構築

これは、静的にホストされる Imba を構築するための開始点です。また、imbutter を使用して Imba をネイティブ アプリに構築するために使用することもできます。

オリジナルのbuild.jsスクリプトはここにあります: https://gist.github.com/trafnar/05ebbf0f5193e69f998f41b154d18190

利用可能なスクリプト

プロジェクト ディレクトリでは、次を実行できます。

npm start

アプリを開発モードで実行します。 http://localhost:3000 を開いてブラウザで表示します。

編集を行うとページがリロードされます。コンソールには lint エラーも表示されます。

npm run build

実稼働用のアプリをdistフォルダーにビルドします。

dist/html静的バージョンであることに注意してください。

導入

Github ページ

TLDR

新しい github リポジトリを作成し、 YOUR_NEW_GITHUB_REPO_URL新しいリポジトリの URL に置き換えます。

 npx imba create project_name
cd project_name
git add --all
git commit -m "initial commit"
git remote add origin YOUR_NEW_GITHUB_REPO_URL
git push -u origin main

npx imba build --baseurl . server.imba
npx touch dist/public/.nojekyll
npx gh-pages --no-history --dotfiles --dist dist/public

プロジェクトがデプロイされている URL を見つけるには、リポジトリの設定の [ Pagesタブに移動します。

説明

静的ホスティングの場合は、 を使用して構築します.ベースURLとして。

 npx imba build --baseurl . server.imba

はい、サーバー側のファイルを使用しない場合でも、 server.imbaファイルを使用してビルドします。

Github Pages はデフォルトで Jekyll を使用するため、アンダースコアで始まるパス ( __assets__など) はロードに失敗します。そのため、次のようにして Jekyll を使用しないことを指定する必要があります。

 npx touch dist/public/.nojekyll

これらすべてが完了したら、 npx gh-pages使用すると、実際に github ページにデプロイするのが非常に簡単になります。これにより、 gh-pagesという名前の新しい git ブランチが作成され、デフォルトでそこからファイルが提供されます。

• この目的のためには、 .nojekyllファイルが必要であるため、 --dotfilesを指定することが重要です。
• また、 dist/publicベース ディレクトリとして使用したいと考えています。
• 実際のバージョン管理にはgh-pagesブランチは必要ないので、 --no-historyフラグも使用することを好みます。

 npx gh-pages --no-history --dotfiles --dist dist/public