当我运行gulp默认任务时,gulp clean css会创建第一个style.min.css。当我结束这个任务并重新开始时,它会创建styles.min.min.css并且每次都会添加.min,因此它会创建多个样式文件。这是我的gulpfile.js:
gulp.task('sass', function () {
// Global Theme CSS Compilation
gulp.src('./sass/global/**/*.scss')
.pipe(sass()).pipe(gulp.dest('./css'));
gulp.src('./sass/themes/construction/*.scss')
.pipe(sass()).pipe(gulp.dest('./themes/construction/css'));
});
gulp.task('minify', function () {
// CSS Minify
gulp.src(['./css/*.css','!.css/*.min.css'])
.pipe(minifyCss()).pipe(rename({suffix: '.min'})).pipe(gulp.dest('./css'));
gulp.src(['./themes/construction/css/*.css',
'!./themes/construction/css/*.min.css'])
.pipe(minifyCss()).pipe(rename({suffix:
'.min'})).pipe(gulp.dest('./themes/construction/css/'));
});
gulp.task('watch',['sass'], function(){
gulp.watch(['./sass/global/**/*.scss', './sass/themes/construction/*.scss', './sass/themes/corporate/*.scss']);
});
我需要做些什么才能防止gulp创建多个文件而只是一个而只是更新它?
答案 0 :(得分:2)
你只是忘记了这一行中的反斜杠:
gulp.src(['./css/*.css', '!./css/*.min.css'])
在glob的否定部分。