Brunch,一個超快的HTML5構建工具。它可以(官方介紹):
- 編譯你的腳本,模板,樣式,鏈接它們,
- 將腳本和模板封裝進common.js/AMD模塊里,鏈接腳本和樣式,
- 為鏈接文件生成源地圖,復制資源和靜態文件,
- 通過縮減代碼和優化圖片來收縮輸出,看管你的文件更改,
- 並且通過控制台和系統提示通知你錯誤。
其實說白了就是:Brunch是一款HTML5應用軟件的匯編程序,他可以適用於任何架構、數據庫、編程語言,樣式表,模板和后台技術。
更關鍵的是他是開源的,所以小伙伴們可以開心的快速構建自己的html5應用了。
安裝是當仁不讓的先講了
由於Brunch是基於nodejs的,所以肯定需要安裝nodejs,還要安裝npm(nodejs的包管理器),安裝好這兩個以后可以在命令行中執行
1 $npm install brunch
一句命令即可,也可以安裝在全局環境下,只需要給install添加-g屬性即可。
如何copy創建新的brunch項目
1 brunch new <skeleton-URL> [optional-output-dir]
尖括號為你想使用的框架的url鏈接,中括號的為選填屬性,brunch現在在github上有50+的框架(這是官方統計的,我不知道....),下面我們可以舉一個栗子
1 $brunch new https://github.com/monokrome/brunch-with-brunch
但是需要注意:你要放置新項目的文件夾必須為空,否則會發生克隆失敗。
使用brunch開發應用
使用命令
1 $brunch watch --server
會打印以下內容
1 31 Jul 16:16:21 - info: application started on http://localhost:3333/
2 31 Jul 16:16:21 - info: compiled 3 files into 2 files, copied 2 in 117ms
信息內容很簡單,相信大家一看知道了,就是建了一個微型的服務器,並且把該壓縮的文件都壓縮了。
===================== 持續學習中 =====================