為什麼要使用 Bolt?
- 開發版本非常易讀,具有原始碼對應,並可使用您的工具
grunt
進行除錯。
- 生產版本會壓縮所有內容 [圖片、css、html、js、svg]
grunt --prod
- 開發和生產版本都有自己的輸出目錄,它們不共用一個
dist/
資料夾
- 使用 jit 外掛程式可實現非常快速的並行 Grunt 建構,以便快速執行 watch 任務
- 簡潔的 Grunt 主檔案
- Grunt 任務 是個別的,簡短的,非常容易閱讀
- 設定檔 將專案資產和外掛程式集中管理
- Bower 庫直接進入 jade 和 stylus 以供您使用
- BrowserSync 開發伺服器在開發期間同步您的所有點擊、滾動等操作
- BrowserSync 即時重新載入和熱 css 推播,可實現非常快速的前端製作
- 內建 BrowserSync Weinre 遠端檢查
- 可從外部存取的伺服器
- 適當的 Jade 繼承 編譯,因此變更 1 個檔案不需要編譯整個專案
- 自動產生 HTML5 appcache 用於生產版本
- 自動添加前綴的 stylus
- 2 個強大的 stylus mixin 庫 Nib 和 Axis(絕不會用您不使用的垃圾內容來膨脹您的檔案)
- Git 標記和發佈
grunt bump
- 輕鬆建立自訂的 建構通知
- 自訂您壓縮檔案的註解標頭
- 準備好執行自訂的 shell 命令
- 並行圖片壓縮
- Sublime 專案檔案,方便專案編輯和標準建立
- Grunt Heroku 任務,方便 CI 整合
grunt heroku
- CLI 方便設定新專案
bolt new my_app
目標
提供一個快速、基於 Grunt、相當不固執己見的建構系統。您可以將其用於任何用途。我在這裡製作的專案種子是一個快取繁重、智慧載入、行動裝置優先、前端靜態網站專案。它預設帶有 Jade 和 Stylus,但您可以輕鬆地將其換成您想要的任何東西。或者想要超過 1 個預處理器,它也準備好了。歸根結底,它是 Grunt,您可以隨心所欲地使用。
此專案的預設設定是用於建立靜態網站,並將其託管在網路上。這可能是 WebView 混合應用程式、單頁應用程式、行銷網站,誰在乎呢?此工具隨附所有提示、技巧、中繼資料和自動化任務,可協助您在瀏覽器上快速且高效地建構前端。