base64图片和png图片问题

Question

老师您好，请教两个问题。

1. vue自动将png图片转成base64格式的图片，但base64它使用场景是一些小icon，对于大的图片不想转成base64，应该怎么设置呢？(例如png图片，直接编译，生成在dist/static/images目录下)

2. base64直接编译到js文件里，增大了js文件，会不会影响性能，页面加载速度呢。和雪碧图相比，哪种更好。我知道雪碧图它还需要前端去切图，比较麻烦

Answer 1

ustbhuangyi 2017-03-19 23:53:10

1. webpack 的 url-loader有个 limit 的配置，这块具体可以查一下 webpack 的文档
2. 小图标 base64 的影响不大，跟 css sprite 想比，会减少 http 请求，也比它更方便。

• 提问者 wobugaosuni2 #1

  谢谢老师，问题解决了，如果不想vue自动将png图片转成base64格式的图片的话，可以直接将图片放在static目录下的

• 提问者 wobugaosuni2 #2

  非常感谢！