Gulp
狐七 3/30/2022 工程化
# 1. Gulp的使用步骤
查看答案
- 在项目中安装一个Gulp的开发依赖
npm i gulp - 在根目录下添加一个
gulpfile.js文件，这是个gulp的入口文件 - 在文件中编写一些需要Gulp自动构建的一些任务
- 在命令行中通过cli去运行这些任务
# 2. Gulp构建过程核心工作原理
查看答案
Gulp是一个基于流的构建系统。
工作原理：就是把文件读取出来，做完操作之后写入到另一个文件中。
# 3. Gulp的组合任务有哪些？
查看答案
gulp的组合任务有 串行任务 和 并行任务。
- series : 是串行任务，接收n个参数，依次执行。（例如：部署项目之前要先执行编译任务）
- parallel : 是并行任务，接收n个参数，并行执行。（例如：css和js的压缩互不影响）
# 4. Gulp的异步任务有几种方式？
查看答案
- 普通回调：exports.callback和exports.callback_error，在done中传参数，错误优先
- promise：exports.promise和exports.promise_error
- async/await：exports.async
- stream：exports.stream和exports.end
# 5. 举几个Gulp插件的例子，并说出他们的功能
查看答案
- gulp-clean-css：压缩css
- gulp-htmlmin：压缩html
- gulp-uglify：压缩js
- gulp-rename：修改文件类型
- gulp-sass：将sass转化成css
- gulp-less：将less转化成css
- gulp-babel：将ES6的语法进行编译
- gulp-swig：页面模板编译
- gulp-imagemin：压缩图片，字体文件如果是svg也可以进行压缩
- del：在编译输出文件之前，需要把之前的目录删掉
- gulp-load-plugins：自动加载插件
- browser-sync：热更新开发服务器
- gulp-useref：文件引用处理，如果项目中有引入dist里面没有的文件，上线会有问题，所以需要进行处理