江阴哪里有做网站推广,镇江市建设工程质量监督局网站,商城网站建设实例需求,wordpress 中文网在webpack中使用vue-loader编译template之后#xff0c;发现图片加载不出来了#xff0c;开发人员工具中显示src“[object Module]”
这是因为当vue-loader编译template块之后#xff0c;会将所有的资源url转换为webpack模块请求
这是因为vue使用的是commonjs语法规范发现图片加载不出来了开发人员工具中显示src“[object Module]”
这是因为当vue-loader编译template块之后会将所有的资源url转换为webpack模块请求
这是因为vue使用的是commonjs语法规范而file-loader/url-loader使用的es module语法规范解决方法是处理图片时不适用es module的语法
我们需要在vue.config.js里面稍加配置就可以了 // 编译图片config.module.rule(images).test(/\.(png|jpeg|gif|jpg)$/).use(url-loader).loader(url-loader).options({limit: 1024 * 10, // 小于10k的图片采用baseurl大于和等于10k的就正常打包成图片name: static/[name].[ext],esModule: false // 处理图片引用不出来的问题 })