项目做好了,需要上线的时候 项目中有很多js、css等文件 需要处理
压缩文件、合并文件、压缩图片 - 工具来处理
打包工具 - 自动化项目构建工具:grunt、webpack、gulp
简单实用
查看任何一个文档 - 首先应该查看:快速入门、快速上手。。。
下载工具: npm i -g gulp
进入项目文件夹,初始化命令:
npm init -y
下载写代码需要依赖的第三方模块:
npm i gulp
检测版本:
gulp -v
如果出现了两个版本号,说明安装成功
在刚刚创建好package.json文件的这个文件夹中,新建一个文件:gulpfile.js
gulp打包文件,其实就将打包的代码放在函数中,导出函数在命令行中执行就好了 gulp写法是基于任务的,一个打包事情就是一个任务,一个任务就是函数
处理文件的步骤:
- 导入gulp - 从中解构方法
const {series, parallel, src, dest} = require('gulp')
2.导入处理文件对应的第三方插件
const 变量名 = require('插件')
3.定义任务 - 定义函数
function 函数名(cb){
读取文件 - src(文件路径)
.pipe(用插件处理)
.pipe(dest(文件夹路径))
cb()
}
4.导出任务:exports.default = 函数名
5.执行任务:在命令行中执行gulp命令