问题:在项目前期使用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目录中,不知道有无大神可以指点一下改怎么做。