css - Gulp CSS 任务不会覆盖现有的 CSS

Question

var paths = {
 css: './public/apps/user/**/*.css'
}

var dest = {
 css: './public/apps/user/css/'
}

//缩小并合并所有 css 文件

gulp.task('css', function(){
 return gulp.src(paths.css)
  .pipe(concatCSS('style.css'))
  .pipe(minifyCSS({keepSpecialComments: 1}))
  .pipe(rename({
        suffix: '.min'
    }))
  .pipe(gulp.dest(dest.css))
});

当我第一次运行任务时，它编译正常并且所有更改都在那里。在我更改某些内容并再次运行它后，它不会覆盖现有的缩小 css 文件。如果我要删除缩小的 css 并再次运行任务，一切都会完美无缺。有什么见解吗？

Answer 1

尝试设置准确的路径，而不是变量。并不是说这不是一个好习惯，只是尝试不使用它。

此外，在您的任务中添加一个'use strict';，这样您就可以确定您的设置没有严重错误。如果有任何错误，它将为您提供正确的错误类型。

而且，请问您为什么要在生产构建之前连接您的 CSS？

每个文件连接、缩小等都应在'build' 任务中执行。