gulp-clean-css 不能在一个特定的目录中工作？

Question

我在 gulp 构建系统中使用 gulp-clean-css，但 clean-css 没有缩小文件。如果我将目标目录更改为其他目录，它会正常工作并正确缩小文件。目标目录 "build/css/".

这是我的代码：

gulp.src ("css/*.css")
.pipe (cleancss ({ level: 2 }))
.pipe (gulp.dest ("build/css"));

工作代码但在错误的目录中：

gulp.src ("css/*.css")
.pipe (cleancss ({ level: 2 }))
.pipe (gulp.dest ("build/csss"));

在cleancss的命令行版本中：

cleancss css/game.css -o build/css/game.css

它工作正常，没有问题。

Answer 1

似乎原因是 cleancss 试图重写现有（原始）CSS 文件。也许，原始 CSS 文件被阻止更改，实际上可以防止您删除原始 *.css 文件。

所以你有两个选择：

如果将清理后的文件保存在原始文件夹中对您很重要，请重命名清理后的文件。还建议在清理之前连接所有 CSS 文件。它将允许您在页面加载时节省一些额外的时间。

gulp.src("css/*.css")
.pipe(cleancss ({ level: 2 }))
.pipe(concat('styles.css'))
.pipe(rename('styles.min.css'))
.pipe(gulp.dest ("build/csss"));

不要忘记安装所需的模块。

var concat = require('gulp-concat');
var rename = require('gulp-rename');

Answer 2

所以我想出了问题。在我使用的另一个任务中，我告诉 csslint 在我不应该的时候通过管道传输到 gulp.dest ("build/css")。然后 cleancss 试图覆盖该文件但无法覆盖。

只需删除 csslint 管道传输到 build/css 的行即可解决整个问题。

gulp-clean-css not working in one specific directory?