gulp构建项目

1.安装gulp，创建gulpfile.js作为入口文件

2.确定需要构建的文件，列出构建任务和所需插件

• 自动加载插件 ---> gulp-load-plugins
• 页面模板编译---> gulp-swig 可以传递data属性进行配置
• css样式编译---> gulp-sass
• js编译 ---> gulp-babel 需要同时安装@babel/core以及@babel/preset-env
• 图片和字体转换 ---> gulp-imagemin
• public下文件 ---> 直接用流执行复制操作
• 构建前先删除原来的构建文件夹 ---> del
• 开发服务器 ---> browser-sync
• useref文件处理 ---> gulp-useref
• 压缩插件 ---> gulp-clean-css gulp-uglify gulp-htmlmin
• 条件插件 ---> gulp-if

3.使用watch方法监视文件变化

4.使用paraller和series组合任务并将需要的任务通过module.exports暴露出来