Javascript模块化开发4——Grunt经常使用模块

1、copy

用于复制文件与目录。
grunt-contrib-copyjavascript

2、eslint

检测代码的合理性。
grunt-eslintjava

常见参数:正则表达式

1.quiet

是否只显示errors。默认值false。npm

3、uglify

用于压缩文件。
grunt-contrib-uglifyjson

常见参数:app

1.mangle

混淆配置,默认值{}。
若为false则不混淆变量名
{
reserved:[保留的变量名]
}函数

2.compress

压缩配置,默认值{}。
若为false则不进行压缩grunt

3.beautify

是否保持格式化的代码,默认值false工具

4.sourceMap

是否生成sourceMap文件,默认值false测试

5.sourceMapName

生成的sourceMap文件名称

6.wrap

添加wrapper,
好比,若值为"myobj"则在代码周围包裹上

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

添加到结果文件头部。

添加到结果文件尾部。

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

触发后执行哪些任务

相关文章
相关标签/搜索