一、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

触发后执行哪些任务

Javascript模块化开发4——Grunt常用模块的更多相关文章

  1. Javascript模块化开发3——Grunt之预处理

    一.grunt预处理简述 grunt的注册任务函数本身会对传入的参数和配置对象里的相关属性进行一定的预处理,方便任务函数进行操作. grunt的registerTask方法和registerMulti ...

  2. Javascript 模块化开发上线解决方案

    最近又换部门了,好频繁地说...于是把这段时间搞的小工具们简单整理了一下,作了一个小的总结.这次用一个简单业务demo来向大家介绍一下Javascript模块化开发的方式和自动化合并压缩的一些自己的处 ...

  3. Javascript模块化开发,使用模块化脚本加载工具RequireJS,提高你代码的速度和质量。

    随着前端JavaScript代码越来越重,如何组织JavaScript代码变得非常重要,好的组织方式,可以让别人和自己很好的理解代码,也便于维护和测试.模块化是一种非常好的代码组织方式,本文试着对Ja ...

  4. JavaScript模块化开发的那些事

    模块化开发在编程开发中是一个非常重要的概念,一个优秀的模块化项目的后期维护成本可以大大降低.本文主要介绍了JavaScript模块化开发的那些事,文中通过一个小故事比较直观地阐述了模块化开发的过程. ...

  5. JavaScript模块化开发整理

    在网上已经有很多关于模块化开发的文章了,这里还是按照自己的理解来整理一下. 随着项目文件的越来越大和需求的越来越贴近现实(我发现现在客户不如:一个领导说我要审批你们报上来的资料,系统发布以后用的还不错 ...

  6. Javascript模块化开发-轻巧自制

    Javascript模块化开发-轻巧自制 一.前言现在javascript的流行,前端的代码越来越复杂,所以我们需要软件工程的思想来开发前端.模块化是必不可少的,这样不仅能够提高代码的可维护性.可扩展 ...

  7. JavaScript模块化开发&&模块规范

    在做项目的过程中通常会有一些可复用的通用性功能,之前的做法是把这个功能抽取出来独立为一个函数统一放到commonFunctions.js里面(捂脸),实现类似于snippets的代码片段收集. fun ...

  8. Javascript模块化开发2——Gruntfile.js详解

    一.grunt模块简介 grunt插件,是一种npm环境下的自动化工具.对于需要反复重复的任务,例如压缩.编译.单元测试.linting等,自动化工具可以减轻你的劳动,简化你的工作.grunt模块根据 ...

  9. javascript 模块化开发(一)

    什么是模块化 将一组模块(及其依赖项)以正确的顺序拼接到一个文件(或一组文件)中的过程. 传统的模块化做法. 模块是实现特定功能的一组属性和方法的封装. 将模块写成一个对象,所有的模块成员都放到这个对 ...

随机推荐

  1. Appium常用指令

    右键图片“在新标签页打开”可查看大图

  2. 【问题篇四】启动报DataSource错误

    初建一个简单的spring boot 项目,启动后会报错:就是在项目启动的时候在 resource目录下没有加载到配置信息:如果项目只是想简单的启动运行,不进行数据库操作可以在 启动类上做如下处理便可 ...

  3. Python 从入门到进阶之路(二)

    之前的文章我们对 Python 语法有了一个简单的认识,接下来我们对 Python 中的 if while for 做一下介绍. 上图为 if 判断语句的流程,无论任何语言,都会涉及到判断问题,if ...

  4. AQS(AbstractQueuedSynchronizer)解析

    AbstractQueuedSynchronizer是JUC包下的一个重要的类,JUC下的关于锁相关的类(如:ReentrantLock)等大部分是以此为基础实现的.那么我们就来分析一下AQS的原理. ...

  5. django中使用pandas Django-pandas

    在django中使用pandas操作django的ORM查询出来的QuerySet对象,可以使用插件django-pandas. 截止教程书写时间,django-pandas已发布到0.6.1. 依赖 ...

  6. windows 下安装beego

    好久没写博客了,最近忙于一些杂事,看见有几个博友留言了,未能及时回复,稍后晚点回复诸位博友.不多说了,windows安装beego(请先确保git环境已安装并设置了git环境变量.这个简单网上很多教程 ...

  7. vscode自动修复eslint规范的插件及配置

    在开发大型项目中,经常都是需要多人合作的.相信大家一定都非常头疼于修改别人的代码的吧,而合理的使用eslint规范可以让我们在代码review时变得轻松,也可以让我们在修改小伙伴们的代码的时候会更加清 ...

  8. 利用Azure虚拟机安装Dynamics 365 Customer Engagement之七:安装前端服务器及部署管理器

    我是微软Dynamics 365 & Power Platform方面的工程师罗勇,也是2015年7月到2018年6月连续三年Dynamics CRM/Business Solutions方面 ...

  9. sync.Map与Concurrent Map

    1. sync.Map 1.1. map并发不安全 go1.6以后map有了并发的安全检查,所以如果在并发环境中读写map就会报错 func unsafeMap() { // 创建一个map对象 m ...

  10. subprocess, re模块,logging, 包等使用方法

    subprocess, re模块,logging, 包等使用方法 subprocess ''' subprocess: sub: 子 process: 进程 可以通过python代码给操作系统终端发送 ...