今天终于写个接近最终版的脚本,简单总结一下思路。
先确定我都要干什么,总结如下:
【cssmin】压缩css
【uglify】压缩js
【cssmin】合并css到style.css
【uglify】合并js库/框架文件到lib.js
【uglify】合并自定义js到script.js
【copy】复制需要处理的html到目标地点(单页面项目只涉及到一个文件)
【usemin】然后处理目标文件
【filerev】处理目标文件版本号问题(对合并后的制定文件,现在只写了js和css)
弄清思路后一步步操作,这个脚本总算是正常工作了。
和一些说明有所不同的是,我这里没有用concat、jshint、clean。
concat是被cssmin和uglify的功能替代掉了,不写也可以合并。
jshint没用主要是因为对自己代码不是特别有自信,用了以后感觉要花好多时间调试…
clean是真心用不上。
参考文章:
http://ericnishio.com/blog/compile-less-files-with-grunt
http://www.xuanfengge.com/npm-installation-did-not-succeed-and-github-will-not-open-solutions.html
https://www.npmjs.org/package/grunt-html-build
https://www.npmjs.org/package/grunt-contrib-concat
https://www.npmjs.org/package/grunt-contrib-less
https://www.npmjs.org/package/grunt-contrib-watch