Javascript模塊化開發4——Grunt經常使用模塊

1、copy

用於複製文件與目錄。
grunt-contrib-copy

2、eslint

檢測代碼的合理性。
grunt-eslint

常見參數：

1.quiet

是否只顯示errors。默認值false。

3、uglify

用於壓縮文件。
grunt-contrib-uglify

常見參數：

1.mangle

混淆配置，默認值{}。
若爲false則不混淆變量名
{
reserved:[保留的變量名]
}

2.compress

壓縮配置，默認值{}。
若爲false則不進行壓縮

3.beautify

是否保持格式化的代碼，默認值false

4.sourceMap

是否生成sourceMap文件，默認值false

5.sourceMapName

生成的sourceMap文件名稱

6.wrap

添加wrapper，
好比，若值爲"myobj"則在代碼周圍包裹上

function(e) {
    //***
})(typeof myobj == "undefined" ? myobj = {} : myobj);

7.banner

添加到結果文件頭部。

8.footer

添加到結果文件尾部。

9.ie8

是否兼容ie6-8

10.output.comments

註釋處理配置：

• false去除全部註釋
• 'all' 保留全部註釋
• 'some'保留標註了@preserve @license @cc_on的註釋
• Function自定義函數返回true or false來判斷當前註釋是否保留
• RegExp根據正則表達式來判斷當前註釋是否保留。

4、jsonlint

檢測json文件的合理性。
grunt-jsonlint

常見參數：

1.allowSingleQuotedStrings

是否容許單引號。

2.ignoreComments

是否忽略註釋

3.format

檢測合格後是否用JSON.stringify進行格式化

4.indent

值可爲空格數目或'\t'

5.sortKeys

是否對JSON裏的屬性進行排序

5、newer

使得任務只對新的文件運行任務。 newer 任務不要求特殊的配置，你只須要在任務前加上newer: 。
grunt-newer

6、karma

測試模塊
grunt-karma

7、compare_size

進行文件大小比較
grunt-compare-size

8、watch

watch是一個特殊的任務，它能夠在目標文件保存時自動觸發一系列任務的運行。在命令行工具中運行grunt watch命令，此時，你修改並保存文件就會觸發watch相關參數中定義的命令。
grunt-contrib-watch

常見參數：

1.files

監控哪些文件

2.tasks

觸發後執行哪些任務