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暴露出来
网友评论