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