# 实战(四) 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
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
生成任务
← 实战(三) node中间层 BFF实战 →