Grunt學習

一喵嗚發表於2015-06-20

http://www.cnblogs.com/yexiaochai/p/3603389.html

Gruntfile這個檔案尤其關鍵,他一般幹兩件事情:
① 讀取package資訊
② 外掛載入、註冊任務,執行任務(grunt對外的介面全部寫在這裡面)
Gruntfile一般由四個部分組成
① 包裝函式
這個包裝函式沒什麼東西,意思就是我們所有的程式碼必須放到這個函式裡面
module.exports = function (grunt) {
//你的程式碼
}

package.json
這個檔案用來儲存npm模組的依賴項(比如我們的打包若是依賴requireJS的外掛,這裡就需要配置)
然後,我們會在裡面配置一些不一樣的資訊,比如我們上面的file,這些資料都會放到package中
對於package的靈活配置,我們會在後面提到

package.json: 此檔案被npm用於儲存專案的後設資料,以便將此專案釋出為npm模組。你可以在此檔案中列出專案依賴的grunt和Grunt外掛,放置於devDependencies配置段內。
Gruntfile: 此檔案被命名為 Gruntfile.js 或 Gruntfile.coffee,用來配置或定義任務(task)並載入Grunt外掛的。

Grunt API
http://www.gruntjs.net/docs/getting-started/

Grunt 教程
http://www.miaoyueyue.com/archives/728.html

http://www.miaoyueyue.com/archives/753.html

npm install grunt-contrib-uglify –save-dev 【加粗為外掛名】

相關文章