摘要：安装插件：npm install grunt-css-sprite --save-devgrunt-css-sprite主要功能：1.对 css 文件进行处理，收集切片序列，生成雪碧图2.在原css代码中为切片添加background-position属性3.生成用于高清设备的高清雪碧图，并在css... 阅读全文

摘要：grunt-contrib-imagemin：图像压缩安装插件：npm install grunt-contrib-imagemin --save-dev参数optimizationLevel(png)类型：number默认值：3选择优化级别0到7。progressive(jpg)类型：boolea... 阅读全文

摘要：grunt-contrib-cssmin：压缩以及合并CSS文件安装插件：npm install grunt-contrib-cssmin --save-dev不设置compatibility与noAdvanced属性，运行后会有一些hack（*zoom:1;_zoom:1;\9等）会被删除。com... 阅读全文

摘要：grunt-contrib-uglify:压缩以及合并JavaScript文件。插件安装：npm install grunt-contrib-uglify --save-dev参数：banner：文档头部添加,一般做说明和注释用footer：文档底部添加，与banner功能相同mangle：参数为f... 阅读全文

摘要：grunt-contrib-jshint：用于javascript代码检查（并会给出建议），发布js代码前执行jshint任务， 可以避免出现一些低级语法问题jshint拥有非常丰富的配置，可以自由控制检验的级别。安装插件：npm install grunt-contrib-jshint --sav... 阅读全文

摘要：grunt-contrib-concat可用于合并任意文件（css\js\txt等）安装插件：npm install grunt-contrib-concat --save-dev参数：separator参数类型：string 默认值：grunt.util.linefeed可用一切string类型的... 阅读全文

摘要：grunt-contrib-watch：实时监测文件的增删改状态，状态改变时自动执行预定义任务使用watch时，被watch的文件可以分开写，这样可以提高watch的性能，不用每次把没修改的文件也执行一遍任务。需要时时监测的文件要放在watch里面。npm install grunt-contrib... 阅读全文

摘要：grunt-contrib-compass的作用是编译sass文件为css。使用该插件需要先安装sass和compass。（1）安装sassgem install sass（2）安装compassgem install compass（3）执行 compass create webfans(项目名称... 阅读全文

摘要：windows下安装grunt需要先安装ruby和nodejsruby -v 测试ruby是否安装成功node -v 测试nodejs是否安装成功npm -v 测试npm是否安装成功（npm是node.js的包管理器，安装node.js会自动安装npm。grunt和grunt插件就通过npm安装并... 阅读全文