css - Gulp:缩小 CSS 并更改导入路径中的文件名

Question

我有两个 CSS 文件:

• example_1.css
• example_2.css

“example_2.css”是通过“example_1.css”中的传统 CSS 导入语句导入的:

@import url("example_2.css");

由于“Max 4096 Selectors IE Bug”，我不得不拆分这些文件......

如果我想通过 Gulp 任务缩小这两个脚本，导入路径不会更新。

所以我得到:

• example_1.min.css
• example_2.min.css

但是导入路径还是:

@import url("example_2.css");

但应该是

@import url("example_2.min.css");

有解决办法吗？

谢谢!

Answer 1

像这样查看 gulp-rename... .pipe(rename({ extname: '.min.css' }))