Gulp：縮小CSS並在導入路徑中更改Filename

Question

我有兩個CSS文件：

• example_1.css
• example_2.css

通過“ example_1.css”中的傳統CSS導入語句導入“ example_2.css”：

@import url("example_2.css");

由於“最大4096個選擇器IE錯誤”，我不得不拆分這些文件。

如果我想通過Gulp任務縮小這兩個腳本，則導入路徑不會更新。

所以我得到：

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

但是導入路徑仍然是：

@import url("example_2.css");

但這應該是

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

有解決方案嗎？

謝謝！

Answer 1

我不相信您可以更新名稱。 您可以在子文件夾中編譯縮小的文件，而無需重命名它們並鏈接到HTML中的這些文件。

Answer 2

退房gulp-rename ，像這樣...... .pipe(rename({ extname: '.min.css' }))