本地資源里的圖片 10k以下的圖片加載正常,10k以上的圖片部署后未能轉(zhuǎn)為base64,加載失敗的原因是在項目build文件下的webpack.base.conf.js文件的配置限制了圖片的大小

通常用webpack打包時,會根據(jù) webpack.config.js 中 url-loader 中設(shè)置的limit大小來對圖片進行處理,小于limit的圖片轉(zhuǎn)化成base64格式,其余的不做操作。對于比較大的圖片我們可以用image-webpack-loader 來壓縮圖片。
安裝:npm install image-webpack-loader --save-dev
在 webpack.config.js 中配置
