前端自动化工具--gulp使用

学习网站：http://www.vuexx.com/

gulp

1.gulp是一个开源的JavaScript开源自动化工具

2.gulp是应用于前后端代码管理的一种工具

3.gulp是基于Node.js和NPM应用的构建工具

4.gulp主要是用于处理耗时及重复的任务

5.gulp可以解决许多任务，比如：代码压缩，代码合并，图片压缩，css压缩，sass转换，版本控制等等

原理：

1.gulp利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作

2.gulp主要使用pipe事件输入及输出

3.gulp易于使用并且可读性比较高，易于学习

4.gulp插件独立使用

优势

1.gulp是基于代码进行配置

2.gulp的可读性更高

3.gulp基于数据流，所以可以进行操作pipe事件

安装

1.gulp需要node环境（mac自带，Windows请自行下载）

2.sudo npm install -g gulp （安装全局gulp，macOS）

3.使用npm init 初始化package.json (到项目目录，在命令行中输入 npm  init  会自动生成package.json)

4.在项目中安装gulp     npm install gulp --save-dev

5.在自己创建的gulpfile.js文件中编写gulp代码（注意文件名必须是gulpfile.js）

学习网站：http://www.vuexx.com/