使用gulp处理 css 合并成一个文件时,如何处理里面引用的路径?
发布于 10 年前 作者 think2011 4342 次浏览 最后一次编辑是 8 年前 来自 问答

例如是以下目录结构:

├─css
│      a.png
│      test.css
│
└─images
        a.png

test.css

#box1 {
  background: url("./a.png");
}

#box2 {
  background: url("../images/a.png");
}

最终需要合并成 common.min.css 并存放到根目录,理想的目录是这样的。

│  common.min.css
│
├─css
│      a.png
│      test.css
│
└─images
       a.png

common.min.css

#box1 {
  background: url("css/a.png");
}

#box2 {
  background: url("images/a.png");
}

目前用的是 gulp-minify-css 里面可以配置 targetrelativeTo参数,但是没能实现我的需求,或许我没有理解,请帮帮我。:(

3 回复

想到可以使用 sprite 来统一处理图片为同一个文件,但是还有一些例如 .swf 的文件路径依然无法调整…

gulp怎么解决我不知道,我只知道fis能解决。。。当然我不是推销的。

@luicfer 恩,目前用的是gulp,换FIS成本太大了。

回到顶部