为了配置gulp的依赖关系,以防止每次触发监视时都运行"干净",你可以按照以下步骤进行操作:
npm install gulp --save-dev
npm install gulp-clean --save-dev
然后,在gulpfile.js中添加以下代码:
const gulp = require('gulp');
const clean = require('gulp-clean');
gulp.task('clean', function() {
return gulp.src('dist', { read: false, allowEmpty: true })
.pipe(clean());
});
上述代码定义了一个名为"clean"的任务,它将删除dist目录下的所有文件。
const concat = require('gulp-concat');
const uglify = require('gulp-uglify');
gulp.task('build', function() {
return gulp.src('src/**/*.js')
.pipe(concat('bundle.js'))
.pipe(uglify())
.pipe(gulp.dest('dist'));
});
上述代码定义了一个名为"build"的任务,它将src目录下的所有JavaScript文件合并为一个名为bundle.js的文件,并将其压缩后保存到dist目录中。
npm install gulp-watch --save-dev
然后,在gulpfile.js中添加以下代码:
const watch = require('gulp-watch');
gulp.task('watch', function() {
gulp.watch('src/**/*.js', gulp.series('clean', 'build'));
});
上述代码定义了一个名为"watch"的任务,它将监视src目录下所有JavaScript文件的变化,并在文件变化时先运行"clean"任务,然后再运行"build"任务。
现在,你可以在命令行中运行以下命令来执行gulp任务:
gulp watch
这将启动监视过程,并在文件变化时自动运行相关任务。
以上是配置gulp的依赖关系的基本步骤。根据你的项目需求,你可以根据需要添加更多的任务和插件来完成其他操作。
领取专属 10元无门槛券
手把手带您无忧上云