vue cli2和vue cli3中,build打包后的dist文件夹中找不到本地的一些图片

345 阅读1分钟
  •  之前遇到过一个情况,一般的发布是前端本地打包,然后后端将打包后的文件发布,就生效了,然后后端想随时更新其中的一个图片,他说不让前端更换本地图片然后打包了,那样太麻烦,后端直接替换dist中的图片,然后发布,但是在dist的压缩包里没有找到需要替换的图片

  • 原因:vue-cli创建的webpack模板默认会将10k以下的图片和字体文件转为base64

  • 解决办法

  • 在vue cli2中,在/build/webpack.base.conf.js中,将图片和字体的 limit(限制)修改为:1,或者其他的大小,根据自己想要的设置最大图片大小,修改后文件都不会再被转为base64格式了

  • 在vue cli3中,修改vue.config.js文件