gulp使用教程

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代码编写

• 注册任务(定义函数)
• 导出函数
• 执行任务(在命令行中执行任务)