本地资源里的图片 10k以下的图片加载正常,10k以上的图片部署后未能转为base64,加载失败的原因是在项目build文件下的webpack.base.conf.js文件的配置限制了图片的大小
通常用webpack打包时,会根据 webpack.config.js 中 url-loader 中设置的limit大小来对图片进行处理,小于limit的图片转化成base64格式,其余的不做操作。对于比较大的图片我们可以用image-webpack-loader 来压缩图片。
安装:npm install image-webpack-loader --save-dev
在 webpack.config.js 中配置
网友评论