gulp usemin 合并不同目录的css后，如何处理这些css中引用的图片资源位置。

Question

问题如题。 用gulp合并 场景是这样

├── bower_components/
│   └── aaa/
│       ├── bbb.png
│       └── aaa.css
├── app/
└── dist/

html中引用了bower_components和app中的若干js,css。都合并打包进dist，静态资源只上传dist，舍弃bower_components。 可是被合并的aaa.css中引用了./bbb.png。那么在合并后的dist中并没有bbb.png。 有什么配合usemin的工具能找到图片并复制到特定图片目录并替换原有url么？

Answer 1

不推荐用 gulp 处理ccs里图片路径. XD

但你还是可以用这个处理. https://www.npmjs.com/package/gulp-assetpaths

Answer 2

使用gulp-modify-css-urls替换css中背景图片地址function(url,filePath)?