# 实战(四) gulp 流清洗

(gulp 官方文档)[https://www.gulpjs.com.cn/docs/getting-started/quick-start/]

# 基础配置

安装 gulp cross-env

yarn add gulp cross-env
1

在scripts-win 文件夹下创建 server 文件夹,创建dev.bat、lint.bat、prod.bat

dev.bat

gulp
1

lint.bat

cross-env NODE_ENV=lint gulp
1

prod.bat

cross-env NODE_ENV=production gulp
1

根目录创建 gulpfile.js

gulpfile.js

const gulp = require('gulp');
const watch = require('gulp-watch');

// 开发环境
const buildDev = () => {

}

// 上线环境
const buildProd = () => {
    
}

//清洗环境
const buildConfig = () => {
    
}

//对代码进行检查的环境
const buildLint = () => {
    
}

let build = gulp.series(buildDev)

if (process.env.NODE_ENV == 'production') {
    build = gulp.series(buildProd, buildConfig);
}

if (process.env.NODE_ENV == 'lint') {
    build = gulp.series(buildLint);
}

gulp.task('default', build);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
  • 分开发环境和上线环境放好
  • 使用 gulp.series 把任务串联
  • 通过 gulp.task 生成任务