Gulp

HTML CSS JS 文件的压缩合并
语法转化（es6,less）
公共文件抽离
修改文件浏览器自动刷新

步骤：
1 npm install gulp
2 在项目的根目录下建立gulpfile.js文件
3 重构项目的文件夹结构src目录放置源代码文件，dist目录防止构建后文件
4 在gulpfile.js文件中编写任务
5 在命令行工具中执行gulp任务

Gulp中提供的方法

• gulp.src():获取任务要处理的文件
• gulp.dest():输出文件
• gulp.task():建立gulp任务
• gulp.watch():监控文件的变化

代码示例：

image.png

但是其实这只是完成了一次代码的复制。更多操作需要用gulp的插件

Gulp插件

• gulp-htmlmin：html压缩
• gulp-csso：css压缩
• gulp-babel：JS语法转化
• gulp-less：less语法转化
• gulp-uglify：压缩混淆JS
• gulp-file-include：公共文件包含
• browsersync:浏览器实时同步

有些依赖是开发依赖，线上运行时并不需要他们，如gulp，因此这种依赖我们在安装的时候可以这样：
npm install gulp --save-dev