版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/sunhuaqiang1/article/details/89928521
首先解释下base64的目的，其主要是为了减少http请求，转为base64以后小图片可以跟js同时被加载到浏览器，而不需要多次对服务器发出图片资源请求；其次，图片转成base64后，文件体积变大了大约1/3左右。
- 文件的base64编码存储到了js文件中。
- vue-webpack模板的默认设置限制了转码的文件大小为10000B以下。
- 静态文件目录中的所有文件不会被转码，也就是/static下的所有文件都不会被转码。
- 如果所有图片均转码为base64，那么很容易造成存储base64的js文件过大，一方面会造成资源加载时间过长的白屏问题，另一方面也会给js解释器带来非常大的负担，这样反而起不到优化的作用，而且会非常影响体验。
- 如果你非要让所有图片转为base64，可以修改webpack中的url-loader配置。