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