前端构建工具
构建工具很多,gulp、grunt、make
1.Grunt
http://yujiangshui.com/grunt-basic-tutorial/
安装:npm install -g grunt-cli
版本命令:grunt -version 结果:grunt-cli v1.2.0
安装插件:npm install --save-dev grunt-contrib-concat grunt-contrib-jshint grunt-contrib-sass grunt-contrib-uglify grunt-contrib-watch grunt-contrib-connect
配置文件:Gruntfile.js
构建命令:grunt
参考资料:
https://gruntjs.com/getting-started
http://www.gruntjs.net/
2.Gulp
http://www.gulpjs.com.cn/docs/getting-started/
安装:$ npm install --global gulp
开发依赖安装:$ npm install --save-dev gulp
配置文件: Gulpfile.js
构建命令:gulp
参考资料:
http://gulpjs.com/
http://www.gulpjs.com.cn/
https://my.oschina.net/cobish/blog/657440
https://www.npmjs.com/package/gulp-requirejs-optimize
3.make
配置文件:Makefile
http://www.ruanyifeng.com/blog/2015/03/build-website-with-make.html
(待)
目前,网站项目(尤其是Node.js项目)有三种构建方案。
方案一:基于Node.js的专用构建工具(Grunt、Gulp、Brunch、Broccoli、Mimosa)
方案三:make命令
4.gulp 和 grunt区别
https://zhuanlan.zhihu.com/p/20309820
http://www.cnblogs.com/931298654yy/p/6016169.html