url-loader（将图标转base64）

介绍：

url-loader可以通过limit属性对图片分情况处理，当图片小于limit（单位：byte）大小时转base64，大于limit时调用file-loader对图片进行处理。

 

如何在js中图片转base64

项目中有一列表，图片是通过v-for循环出来的，如果把url放在js中，就不能被转成base64了，url-loader只会编译html和css中的图片。可以通过import导入图片，通过一个变量去接收，然后将变量放在v-for中渲染（经测试此方法也是可行的）。

 

 

曾经遇到的问题和解决方法：

编写vue项目使用vant框架时遇到Tabbar 标签栏的切换图片不能直接写本地路径，可以写网络路径但是项目是通过后端返回网络地址进行填充，过于麻烦，最后我使用require导入本地图片路径会转成base64解决了图片不显示问题