หน้าแรก>ซอร์สโค้ด ASP>หมวดหมู่อื่นๆ
ดาวน์โหลด

หมายเหตุ: https://github.com/imba/imba-vite-template แนะนำสำหรับโครงการใหม่ repo นี้จะอยู่รอบ ๆ เป็นทางเลือกของ Esbuild Bundler แต่อาจไม่เห็นการอัปเดตมากมายในขณะที่เรามุ่งเน้นไปที่ Vite ก้าวไปข้างหน้า

การสร้าง IMBA สำหรับโฮสติ้งแบบคงที่

นี่คือจุดเริ่มต้นสำหรับการสร้าง IMBA ที่จะโฮสต์แบบคงที่ นอกจากนี้ยังสามารถใช้ในการสร้าง imba เป็นแอพดั้งเดิมที่มี Imbutter

สคริปต์ build.js ดั้งเดิมอยู่ที่นี่: https://gist.github.com/trafnar/05ebbf0f5193e69f998f41b154d18190

สคริปต์ที่มีอยู่

ในไดเรกทอรีโครงการคุณสามารถเรียกใช้:

npm start

รันแอพในโหมดการพัฒนา เปิด http: // localhost: 3000 เพื่อดูในเบราว์เซอร์

หน้าจะโหลดซ้ำหากคุณทำการแก้ไข คุณจะเห็นข้อผิดพลาดผ้าสำลีในคอนโซล

npm run build

สร้างแอพสำหรับการผลิตไปยังโฟลเดอร์ dist

โปรดทราบว่า dist/html เป็นรุ่นคงที่

การปรับใช้

หน้า GitHub

tldr

สร้างที่เก็บ GitHub ใหม่และแทนที่ YOUR_NEW_GITHUB_REPO_URL ด้วย URL ของ repo ใหม่ของคุณ 

 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 ของการตั้งค่า repo ของคุณ

คำอธิบาย

สำหรับโฮสติ้งแบบคงที่เราสร้างโดย . เป็น baseurl 

 npx imba build --baseurl . server.imba

ใช่เรายังคงสร้างโดยใช้ไฟล์ server.imba แม้ว่าเราจะไม่ใช้ไฟล์ฝั่งเซิร์ฟเวอร์ใด ๆ

เนื่องจากหน้า GitHub ใช้ Jekyll โดยค่าเริ่มต้นเส้นทางที่เริ่มต้นด้วยขีดล่าง (เช่น __assets__ ) จะล้มเหลวในการโหลดดังนั้นเราจึงต้องระบุว่าเราไม่ต้องการใช้ Jekyll โดยทำ: 

 npx touch dist/public/.nojekyll

เมื่อทั้งหมดนั้นถูกตัดสินจริง ๆ แล้วการปรับใช้กับหน้า GitHub นั้นง่ายมากด้วย npx gh-pages ซึ่งจะสร้างสาขา GIT ใหม่ชื่อ gh-pages และให้บริการไฟล์ของเราจากที่นั่นโดยค่าเริ่มต้น

  • สำหรับวัตถุประสงค์ของเราสิ่งสำคัญคือต้องระบุ --dotfiles เนื่องจากไฟล์ .nojekyll ที่จำเป็น
  • นอกจากนี้เรายังต้องการใช้ dist/public เป็นไดเรกทอรีพื้นฐาน
  • เนื่องจากเราไม่ต้องการสาขา gh-pages สำหรับการควบคุมเวอร์ชันจริงฉันจึงต้องการใช้ธง --no-history 
 npx gh-pages --no-history --dotfiles --dist dist/public
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด