Starbase 是一個生產就緒的靜態網站樣板,採用 Webpack 5、TypeScript、PostCSS 和 Tailwind CSS,旨在與 Vercel、Netlify 和 AWS Amplify 等現代 Jamstack 託管供應商整合。利用 2024 年可用的一些最強大的前端技術,在幾分鐘內開始構建,並由令人愉悅的簡單且功能齊全的開發人員體驗提供支援。
Starbase 由 Brian Staruk 創建,作為個人程式碼風格指南和靈活的專案樣板。這是一項持續進行中的工作,自 2017 年初以來一直在持續維護,重點是實施最新的行業標準並使所有依賴項保持最新。
“簡單是最終的複雜。”
——李奧納多·達·芬奇
Starbase 的首要任務是變得極為簡單;易於配置、擴充和整合。這也使其成為 Web 開發人員增強裸機 Webpack 配置、TypeScript 和/或 Tailwind CSS 知識的絕佳平台。
首先,執行以下命令,該命令將引導您完成安裝程序:
npx starbase@latest
建議使用 nvm (或 nvm-windows)來管理 Node 版本安裝。如果您不使用 nvm,則需要參考/.nvmrc
檔案來驗證您的 Node 版本是否與建議版本相容。
首先確保您正在執行建議版本的 Node,並安裝專案依賴項:
nvm use
npm install
dev
指令將在 http://localhost:3000 處提供專案來源。 /src
中所做的任何更改都將重新編譯原始程式碼並刷新您的 Web 瀏覽器。
npm run dev
build
指令會將專案原始碼編譯並縮小到/dist
中以進行整合或部署。
npm run build
Starbase 設定為部署到 Vercel、Netlify 等託管環境中 Web 伺服器的根目錄。
如果您想要透過相對路徑引用資源,以便可以在 Web 瀏覽器中分發和開啟編譯後的.html
文件,而無需部署到託管環境,則需要刪除(或註解掉) /webpack/webpack.config.base.ts
。
如果您想保留絕對路徑,但將其設為子目錄而不是根目錄,則可以變更該值而不是刪除它。
Starbase 是免費的開源軟體。請用它來構建很棒的東西。下次你在波士頓時,你可以給我買瓶啤酒,給這個項目加星標,然後告訴朋友,或者你也可以擦掉所有來源標誌,告訴你的同事,這是你自己做的。一切都好!