对gulp-minify-css改动一点点,只合并指定大小的图片

问题:在项目前期使用CSS加载了很多小的图标和一些背景图片,而现在需要将这些小的图标合并到一个大的图片中,在网上查找到gulp-minify-css的gulp插件,按照方法合并图片,但是合并后图片会把背景图片也合并起来,这样就是去了合并图片的意义。

我只想合并CSS中的小图片,在网上也没找到相关的解决方法,也只能自己动手了。打开源码 index.js文件,尝试添加了添加了几句代码,发现能解决问题。在index.js中第139行加上了如下代码:

if(arguments[0].size > 5000){
    return {
        doesExist: false,
        path: imagePath
    };
}else{
    return {
        doesExist: true,
        path: imagePath
    };
}

查看css和合并后的图片能满足要求。但是这样做的问题是,超过文件大小的图片不能移动到dist目录中,不知道有无大神可以指点一下改怎么做。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值