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

本文介绍了一种使用gulp-minify-css插件合并CSS中小图标的技巧,并通过修改源码解决了合并过程中误将背景图片一同合并的问题。
1487

被折叠的 条评论
为什么被折叠?



