这一部分用的不多,还都属于理论知识。
package.json:后端的配置文件,有dependencies和devdependencies两个属性;bower.json:前端的配置文件。也可由后端修改,所以希望package一起配置了。
bower-concat:连接第三方的js,css
css_min:处理自己写的css
.bower改插件的安装路径,默认为build
阮一峰:
gruntfile.js中加载模块很多时,会出现package.json与gruntfile.js中的同步问题。解决办法是load-grunt-tasks模块,它会分析package.json,自动加载找到的所有grunt模块。
initConfig中,会有一个模块的同名属性,该对象的属性包括:系统设定的成员和target(很多个),target的属性参考模块文档,还有一些是grunt通用的。
如:filter:过滤文件名;dot:是否匹配以.开头的系统文件;makeBase:true,匹配文件路径的最后一部分
如果minify与combine有重合的部分,可以提出来放在option:{}中。
grunt cssmin:minify
grunt cssmin:combine
grunt: cssmin
grunt-contrib-clean:删除文件。
grunt-contrib-compass:使用compass编译sass文件。
grunt-contrib-concat:合并文件。
grunt-contrib-copy:复制文件。
grunt-contrib-cssmin:压缩以及合并CSS文件。
grunt-contrib-imagemin:图像压缩模块。
grunt-contrib-jshint:检查JavaScript语法。
grunt-contrib-uglify:压缩以及合并JavaScript文件。
grunt-contrib-watch:监视文件变动,做出相应动作。
模块的前缀如果是grunt-contrib,就表示该模块由grunt开发团队维护;如果前缀是grunt(比如grunt-pakmanager),就表示由第三方开发者维护。