vue webpacket 打包后 backgroundImg 不显示问题

大脸猫&蓝皮鼠

于 2019-01-04 10:41:05 发布

阅读量464

点赞数

CC 4.0 BY-SA版权

文章标签： vue webpacket

本文链接：https://blog.youkuaiyun.com/duanran0/article/details/85760978

本文详细介绍了在Vue项目中使用less时，如何正确引用大图片以确保其在打包后能够正常显示。通过在build/utils.js中添加publicPath参数，解决了背景图片无法加载的常见问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue中使用的less 小图标，这样引用打包后是可以显示的，但是大图片同样这样引用就不会显示

background:url('~@assets/images/mine/mine_bg.png') no-repeat;

解决办法：

build/utils.js中

use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../'  添加publicPath: '../../'就可以显示