Brunch:快捷的HTML5構建工具


  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

  信息內容很簡單,相信大家一看知道了,就是建了一個微型的服務器,並且把該壓縮的文件都壓縮了。

 

===================== 持續學習中 =====================


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM