发布网友 发布时间:2022-04-23 17:44
共1个回答
热心网友 时间:2022-04-20 01:29
首先base64的目的主要是,为了减少http请求,转为base64以后小图片可以跟js同时被加载到浏览器,而不需要多次对服务器发出图片资源请求
其次,图片转成base64后,文件体积变大了大约1/3左右
文件的base64编码存储到了js文件中
vue-webpack模板的默认设置*了转码的文件大小为10000B以下
静态文件目录中的所有文件不会被转码,也就是/static下的所有文件都不会被转码
如果所有图片均转码为base64,那么很容易造成存储base64的js文件过大,一方面会造成资源加载时间过长的白屏问题,另一方面也会给js解释器带来非常大的负担,这样反而起不到优化的作用,而且会非常影响体验
如果你非要让所有图片转为base64,可以修改webpack中的url-loader配置