Bootstrap 使用 Grunt 作為編譯系統(tǒng),并且對外提供了一些方便的方法用于編譯整個框架。下面講解的就是如何編譯源碼、運行測試用例等內(nèi)容。
安裝 Grunt 前,你需要首先下載并安裝 node.js (npm 已經(jīng)包含在內(nèi))。npm 是 node packaged modules 的簡稱,它的作用是基于 node.js 管理擴展包之間的依賴關(guān)系。
然后在命令行中輸入以下命令:
在全局環(huán)境中安裝 grunt-cli
:npm install -g grunt-cli
。
進入 /bootstrap/
根目錄,然后執(zhí)行 npm install
命令。npm 將讀取 package.json
文件并自動安裝此文件中列出的所有被依賴的擴展包。
上述步驟完成后,你就可以運行 Bootstrap 所提供的各個 Grunt 命令了。
grunt dist
(僅編譯 CSS 和 JavaScript 文件)
重新生成 /dist/
目錄,并將編譯壓縮后的 CSS 和 JavaScript 文件放入這個目錄中。作為一名 Bootstrap 用戶,大部分情況下你只需要執(zhí)行這一個命令。
grunt watch
(監(jiān)測文件的改變,并運行指定的 Grunt 任務(wù))
監(jiān)測 Less 源碼文件的改變,并自動重新將其編譯為 CSS 文件。
grunt test
(運行測試用例)
在 PhantomJS 環(huán)境中運行 JSHint 和 QUnit 自動化測試用例。
grunt docs
(編譯并測試文檔中的資源文件)
編譯并測試 CSS、JavaScript 和其他資源文件。在本地環(huán)境下通過 jekyll serve 運行 Bootstrap 文檔時需要用到這些資源文件。
grunt
(重新構(gòu)建所有內(nèi)容并運行測試用例)
編譯并壓縮 CSS 和 JavaScript 文件、構(gòu)建文檔站點、對文檔做 HTML5 校驗、重新生成定制工具所需的資源文件等,都需要 Jekyll 工具。這些只有在你對 Bootstrap 深度研究時才有用。
如果你在安裝依賴包或者運行 Grunt 命令時遇到了問題,請首先刪除 npm 自動生成的 /node_modules/
目錄,然后,再次運行 npm install
命令。