javascript - 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 文件。

所以你有两个选择:

1. 更改目标文件夹，这将允许解决冲突。
2. 重命名清理后的 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');