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

时间:2021-12-27 12:31:15

一、copy

用于复制文件与目录。

grunt-contrib-copy

二、eslint

检测代码的合理性。

grunt-eslint

常见参数:

1.quiet

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

三、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根据正则表达式来判断当前注释是否保留。

四、jsonlint

检测json文件的合理性。

grunt-jsonlint

常见参数:

1.allowSingleQuotedStrings

是否允许单引号。

2.ignoreComments

是否忽略注释

3.format

检测合格后是否用JSON.stringify进行格式化

4.indent

值可为空格数目或'\t'

5.sortKeys

是否对JSON里的属性进行排序

五、newer

使得任务只对新的文件运行任务。 newer 任务不要求特殊的配置,你只需要在任务前加上newer: 。

grunt-newer

六、karma

测试模块

grunt-karma

七、compare_size

进行文件大小比较

grunt-compare-size

八、watch

watch是一个特殊的任务,它可以在目标文件保存时自动触发一系列任务的运行。在命令行工具中运行grunt watch命令,此时,你修改并保存文件就会触发watch相关参数中定义的命令。

grunt-contrib-watch

常见参数:

1.files

监控哪些文件

2.tasks

触发后执行哪些任务