如何使用gulp-clean-css编写一个新的-min.css文件，而不是默认覆盖现有的css源文件?

Question

如何使用gulp-clean-css编写一个新的-min.css文件，而不是默认覆盖现有的CSS源文件？

目前，我有这一行来缩小文件。但是，它用缩小的版本覆盖了原始版本。我希望它在原始文件基名称的末尾创建一个扩展名为 -min.css 的新文件。

src(filePath).pipe(minifyCSS()).pipe(dest('./css/'));

我知道我可以使用的 npm 存储库中有一个 gulp 副本。我想知道是否有其他方法可以做到这一点。

谢谢

Answer 1

我不相信如果不安装任何额外的npm包，这是不可能实现的，尽管考虑到 NodeJS 的性质，我认为需要一个包不会被认为是不合理的。

实现此目的的一种可能方法(没有gulp-copy(是使用gulp-rename和rename命令：

gulp.src(config.css)
// Output the file before cleaning
.pipe(gulp.dest(config.css))
// Clean the file
.pipe(cleanCss())
// Rename with a .min suffix (e.g. app.css -> app.min.css)
.pipe(rename({ suffix: ".min" }))
// Output the minified CSS file
.pipe(gulp.dest(config.css));

这将生成两个文件 - 未缩小的原始.css文件和缩小的.min.css文件。