1. 创建目录结构(手动创建)
目录结构
- components文件夹：放项目中共有的html页面(比如header)
- images文件夹：放项目中的图片资源
- js文件夹：放项目中的js代码
- sass文件夹：放css代码(也可以直接写css)
- index.html：首页html
- gulpfile.js：一个项目中只有一个，在这个文件夹中配置所有gulp任务
2. 创建package.json记录下载过的依赖包
- 将当前项目文件夹拖入终端，输入
npm init -y
package.json
3. 安装gulp工具和依赖包
npm i gulp -g #全局安装gulp工具
gulp -v # 测试是否安装成功
npm i gulp -D #在当前文件夹下安装gulp依赖包
gulp -v
安装好之后输入命令显示
4. 解构gulp中的方法
const {src,dest,watch,series,parallel} = require('gulp')
- gulp是一个基于任务的工具
gulp代码编写
- 注册任务(定义函数)
- 导出函数
- 执行任务(在命令行中执行任务)
网友评论