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

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值