前端构建工具

前端构建工具

构建工具很多，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）

方案二：npm run命令（教程1、2、3）

方案三：make命令

4.gulp 和 grunt区别

https://zhuanlan.zhihu.com/p/20309820

http://www.cnblogs.com/931298654yy/p/6016169.html