parcel static boilerplate

包裹靜態樣板

簡單的入門工具，無需額外設定即可立即開始編寫 HTML、JS 和 SCSS。可以用作靜態站點產生器！

發展

1. 克隆或下載此儲存庫。

    git clone https://github.com/aarongarciah/parcel-static-boilerplate.git
   

2. 安裝依賴項。

    npm install
   

3. 運行開發模式。它將開啟一個瀏覽器選項卡，其中包含 dev url http://localhost:1234/ 。

    npm run dev
   

生產建構

執行建置腳本，將在/dist資料夾中產生針對生產最佳化的網站。

 npm run build

為本地生產建構提供服務

如果您想在本機上提供生產版本（產生的/dist資料夾），只需執行此命令並在瀏覽器中開啟http://localhost:5000/即可。此命令在提供/dist資料夾之前執行npm run build命令。

 npm run serve

技術堆疊

• 包裹
• 巴別塔
• ESLint
• 更漂亮
• 薩斯
• 自動前綴器
• 史泰林特
• 修女
• 影像最小化

要做的事

• 詳細說明所有功能：linting、格式化、建置等。
• 新增所有可用命令。
• 解釋為什麼有兩個/static資料夾。
• 警告 Parcel 如何處理site.webmanifest檔。
• 說明如何設定 Imagemin。
• 解釋如何配置 Nunjucks。
• 找到一個好的 Nunjucks 程式碼編輯器格式化程式。
• 新增推薦的開發擴充功能。
• 使用 Jest 新增測試設定？