欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-08-06 14:35:33
一、copy 用于复制文件与目录。 "grunt contrib copy" 二、eslint 检测代码的合理性。 "grunt eslint" 常见参数: 1.quiet 是否只显示errors。默认值false。 三、uglify 用于压缩文件。 "grunt contrib uglify" 常 ......

一、copy

用于复制文件与目录。

二、eslint

检测代码的合理性。

常见参数:

1.quiet

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

三、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);

添加到结果文件头部。

添加到结果文件尾部。

9.ie8

是否兼容ie6-8

10.output.comments

注释处理配置:

  • false去除所有注释
  • 'all' 保留所有注释
  • 'some'保留标注了@preserve @license @cc_on的注释
  • function自定义函数返回true or false来判断当前注释是否保留
  • regexp根据正则表达式来判断当前注释是否保留。

四、jsonlint

检测json文件的合理性。

常见参数:

1.allowsinglequotedstrings

是否允许单引号。

2.ignorecomments

是否忽略注释

3.format

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

4.indent

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

5.sortkeys

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

五、newer

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

六、karma

测试模块

七、compare_size

进行文件大小比较

八、watch

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

常见参数:

1.files

监控哪些文件

2.tasks

触发后执行哪些任务