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

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

作者: 则真 | 来源:发表于2019-02-12 11:56 被阅读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 中配置

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/xkvheqtx.html