记录使用webpack-spritesmith整合小图片感想
在小程序上不是特别好用,
原因:
1.css中不支持background-image中使用本地图片。(折中方案就是放到云端,但是你每生成新的时候就需要进行更换有点麻烦。)
使用背景图的缺点
1.无法控制图像大小,图片多大你就需要有多大的空间进行展示,
使用webpack-spritesmith注意:
1.同一文件下小图片需要统一大小,不然就在使用的时候出现错误。
2.网上说需要使用
这个但是现实是不怎么需要,我在测试的时候使用后报错(用uni-app写小程序)注释这个后就好了。
3.生成两张图片,就是简单的将new SpritesPlugin重新复用下,改变下下边的配置就好
使用的时候查看的是这些网址
简单使用 https://blog.****.net/weixin_33858336/article/details/93600873
进阶使用 https://hooray.github.io/posts/2c9d9bf2/
npm:https://www.npmjs.com/package/webpack-spritesmith(github也在上边)