webpack打包后引入的背景图片路径错误

webpack打包后引入的背景图片路径错误

前言

@/ 符号是 src/ 目录别名，
js 中可直接使用，非 js 文件需要加 ~@/，webpack打包时才会识别

1. js中引入

使用require("@/assets/img/logo/logo.png")引入图片路径，拼接到元素style上

<div style='background: url('+require("@/assets/img/logo.png")+');'></div>

2. 非js中引入

例如：
css 属性中： background: url("~@/assets/img/logo.png")
html 标签中： <img src="~@/assets/img/logo.png">

.bg {
    background: url("~@/assets/img/logo.png");
}