使用gulp处理 css 合并成一个文件时,如何处理里面引用的路径?
例如是以下目录结构:
├─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
里面可以配置 target
和 relativeTo
参数,但是没能实现我的需求,或许我没有理解,请帮帮我。:(
3 回复
想到可以使用 sprite 来统一处理图片为同一个文件,但是还有一些例如 .swf 的文件路径依然无法调整…
gulp怎么解决我不知道,我只知道fis能解决。。。当然我不是推销的。
@luicfer 恩,目前用的是gulp,换FIS成本太大了。