gulp 安装与使用

1、Gulp 是基于node.js 流（stream）的一个前端自动化构建工具，能够使用它构建自动化工做流程，简化咱们工做量，让咱们把重点放在功能的开发上，从而提升咱们的开发效率和工做质量

 咱们能够用gulp自动刷新网页，对sass进行预处理、代码检测、图片优化压缩、这一切，只须要一个简单的指令就能所有完成。

 

2、开始安装

 

一、全局安装

cnpm install gulp -g

二、检查版本

gulp -v

三、本地安装gulp， 做为开发依赖

cnpm install gulp -D

 

2、使用

一、建立配置文件 (根目录下新建 gulpfile.js 文件)

 

console.log('gulp启动成功!');   //测试gulp是否启动成功

 

二、命令行执行gulp

 

3、使用实例

1、下载丑化工具（压缩）

【注意：gulp压缩时不支持es6语法，若是你有es6以上的语法，请先转译为es6在进行压缩】

cnpm i gulp-uglify --save-D

 

 2、构建第一个 gulp 流程

- 命令行执行 gulp js 

 

 

三、建立index.js         

命令行执行 gulp js  后自动构建dist/index.js   (index.js  -  ./dist/js/index.js)

 

 

 4、任务演示 - 同时执行多个任务

命令行执行 glup some

 

 

4、监听

一、同时监听 less 和 js

 

二、任务演示 - 监听 js 改变，自动执行 js 压缩任务

命令行执行 glup watchjs

 

3、压缩成功