前端自动化基础知识

这一部分用的不多,还都属于理论知识。

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),就表示由第三方开发者维护。

 

你可能感兴趣的:(自动化)