webpack配置问题:打包后的本地资源部分图片部署后加载不了

2019-02-12  本文已影响0人  则真

本地资源里的图片 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 中配置

上一篇下一篇

猜你喜欢

热点阅读