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

标签 css task gulp

我有两个 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");

有解决办法吗?

谢谢!

最佳答案

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

关于css - Gulp:缩小 CSS 并更改导入路径中的文件名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27290824/

相关文章:

emacs - 如何在组织模式下为下一个循环/重复任务取消勾选复选框

java - 如何使JavaFX服务中的任务不断接受参数?

windows-7 - 如何说服 powershell(通过任务计划程序运行)找到我的网络驱动器?

node.js - 使用 gulp-vinyl-zip 创建 zip 文件时出现 TypeError

css - Bootstrap 导航栏链接下划线错误

css - 正确使用嵌套 DIV 的不透明度?

build - 在我的 Laravel 项目中使用语义 UI

javascript - 如何将这两个 Gulp 任务合并为一个任务?

html - 如何在 CSS 中指定表格填充? (表格,不是单元格填充)

html - 如何在保持宽高比的同时调整带标题的图像大小