媒介

F5已烂

想来人人对自动化构建东西已不陌生了，自动化构建东西能够帮开发者省去许多重复劳动比方:语法纠错、文件打包、文件操纵，兼并紧缩等等. 经常运用的自动化构建东西有Gulp,Grunt,Fis等等，这些构建东西中心都是依靠第三方插件，经由过程颗粒化使命，再将这些使命根据适宜的体式格局举行组合，构建项目所需的自动化工作流

经常运用插件

这里来简朴来申明一下Grunt的最经常运用的几个插件:

• grunt-include-replace-more 能够对项目中的html举行模版化设置

• grunt-contrib-jshint 能够对项目中的Js文件举行语法搜检

• grunt-contrib-uglify 能够对项目中的Js文件举行紧缩

• grunt-cmd-transport 将匿名Js模块签字化

• grunt-cmd-concat 按需兼并Js模块

• grunt-contrib-compass 能够将项目中的Sass文件编译成css

• grunt-inline 能够将项目中标示了_inline的资本经由过程内联的体式格局引入

• grunt-contrib-imagemin 能够对项目中的Img举行紧缩

• grunt-contrib-watch 监听项目中的文件状况，假如文件被转变，则从新构建

• grunt-contrib-copy 复制文件到某个目次

• grunt-contrib-clean 删除某个文件

结语:

以上是Grunt的最基本最经常运用的几个插件. 个中较难运用的是怎样兼并Js模块，
也就是怎样整合 grunt-cmd-transport, grunt-cmd-concat 的运用. 这里又要牵扯到Seajs匿名模块，签字模块和ID即途径的题目, 这里放到模块化Js的章节里说吧

(有兴致的同砚能够移步Grunt官网 享用自动构建的快感)