vue-cli 打包背景图片丢失问题及修改打包图片上限

xiaoxiao2021-02-28  15

图片丢失,需要更改build/utils.js的配置,至于为什么背景图有的打包后存在,有的丢失,那是因为webpack会把图片转成base64,但是图片大小超过阈值就不转,而背景图片里用的是相对路径最后会直接替换成static,但是路径会有问题,所以得配置 如下

if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath:'../../', fallback: 'vue-style-loader' })

如下是修改图片大小阈值的方法 build文件下,找到webpack.base.config.js 找到如下代码

{ test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader', options: { limit: 20000,//限制图片的大小(字节) name: utils.assetsPath('img/[name].[hash:7].[ext]') } },
转载请注明原文地址: https://www.6miu.com/read-2450200.html

最新回复(0)