Gruntjs插件-通过import指令合并CSS文件（自动处理相对的背景图片路径）

Gruntjs给我带来了极大方便，通常我们都会在线上环境使用Gruntjs合并JS/CSS，提高网站访问速度。合并CSS的插件有很多，不过一个很郁闷的问题是它们都不会处理背景图片的路径。举个例子：
all_module.css的源码：

 

@import "module/a.css";
@import "module/b.css";
@import "module/iteye/c.css";

 

如果module/iteye/c.css中有background background-image的话，合并的结果就是错误的，因为它们只是简单的做了文本合并，没有对内容处理。

 

铺垫了这么多，最后：

grunt-css-import就是来解决这个问题的！

插件地址：https://www.npmjs.org/package/grunt-css-import

Github：https://github.com/lackhurt/grunt-css-import