第三方模块glup学习

基于node平台开发的前端构建工具

将机械化操作编写成任务，想要执行机械化操作执行一个命令行命令任务就能被自动执行了

用机器代替手工，提高开发效率

Gulp能做什么呢

1、项目上线，HTML，CSS、JS文件压缩合并
2、语法转换（es6, less..）
3、公共文件抽离
4、修改文件浏览器自动刷新

Gulp使用

1、使用npm install gulp 下载gulp库文件

2、在项目根目录下简历gulpfile.js文件

3、重构项目的文件夹结构src目录放置码代码文件dist目录放置构建后文件

4、在gulpfile.js文件中编写任务

5、在命令行工具中执行gulp任务

Gulp中提供的方法

1、gulp.src; 获取任务要处理的文件

2、gulp.dest(); 输出文件

3、gulp.task(); 建立gulp任务

4、gulp.watch();监控文件的变化

Gulp插件

1、gulp-htmlmin： html文件压缩

2、gulp-csso：压缩css

3、gulp-babel：JavaScript 语法转换

4、gulp-less：less语法转换

5、gulp-uglify： 压缩混淆JavaScript

6、gulp-file-include： 公共文件包含

7、browersync： 浏览器实时同步