問題:在項目前期使用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目錄中,不知道有無大神可以指點一下改怎麼做。