imba static site

Catatan: https://github.com/imba/imba-vite-template yang lebih baru direkomendasikan untuk proyek baru. Repo ini akan bertahan sebagai alternatif Esbuild Bundler, tetapi mungkin tidak melihat banyak pembaruan karena kami fokus pada vite bergerak ke depan.

Membangun Imba untuk Hosting Statis

Ini adalah titik awal untuk membangun IMBA untuk di -host secara statis. Ini juga dapat digunakan untuk membangun IMBA menjadi aplikasi asli dengan Imbutter.

Skrip build.js asli ada di sini: https://gist.github.com/trafnar/05ebbf0f5193e69f998f41b154d18190

Skrip yang tersedia

Di direktori proyek, Anda dapat menjalankan:

npm start

Menjalankan aplikasi dalam mode pengembangan. Buka http: // localhost: 3000 untuk melihatnya di browser.

Halaman ini akan memuat ulang jika Anda mengedit. Anda juga akan melihat kesalahan serat di konsol.

npm run build

Membangun aplikasi untuk diproduksi ke folder dist .

Perhatikan bahwa dist/html adalah versi statis.

Penyebaran

Halaman GitHub

Tldr

Buat repositori GitHub baru dan ganti YOUR_NEW_GITHUB_REPO_URL dengan URL repo baru Anda.

 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

Untuk menemukan URL, proyek Anda telah digunakan, arahkan ke tab Pages pengaturan repo Anda.

Penjelasan

Untuk hosting statis, kami membangun penggunaan . sebagai baseurl.

 npx imba build --baseurl . server.imba

Ya, kami masih membangun menggunakan file server.imba meskipun kami tidak akan menggunakan file sisi server.

Karena halaman GitHub menggunakan jekyll secara default, jalur yang dimulai dengan garis bawah (seperti __assets__ ) akan gagal memuat, jadi kita harus menentukan itu kita tidak ingin menggunakan jekyll dengan melakukan:

 npx touch dist/public/.nojekyll

Setelah semua itu diselesaikan, benar-benar digunakan ke halaman GitHub sangat mudah dengan npx gh-pages , yang akan membuat cabang Git baru bernama gh-pages dan melayani file kami dari sana secara default.

• Untuk tujuan kami, penting untuk menentukan --dotfiles karena file. .nojekyll perlu.
• Kami juga ingin menggunakan dist/public sebagai Direktori Dasar.
• Karena kita tidak membutuhkan cabang gh-pages untuk kontrol versi aktual, saya lebih suka menggunakan bendera --no-history juga.

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