Gulp：缩小 CSS 并更改导入路径中的文件名答案

【问题标题】：Gulp: Minify CSS and change Filename in import pathGulp：缩小 CSS 并更改导入路径中的文件名
【发布时间】：2014-12-04 09:48:34
【问题描述】：

我有两个 CSS 文件：

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

@import url("example_2.css");

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

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

所以我明白了：

但是导入路径还是：

@import url("example_2.css");

但应该是的

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

有解决办法吗？

谢谢！

【问题讨论】：

标签： css task gulp

【解决方案1】：

我不相信您可以更新名称。您可以在子文件夹中编译缩小的文件，而无需重命名它们并链接到 HTML 中的这些文件。

【讨论】：

【解决方案2】：

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

【讨论】：