webpack 打包找不到图片资源问题 不显示

vue ----background-image坑

<div class="test"></div>
<style lang="scss">
.test {
width:100px;
height:100px;
background-image:url("../../assects/img/test.png")
 background-size: 100% 99.9%; // 这样图片的尺寸不会改变
}
</style>

这种使用webpack打包会出现图片资源文件找不到问题

解决方式如下:
1:

<div class="test" :style="{backgroundImage:'url('+require('../../assets/img/test.png')+')'}"></div>

2

data(){
return {
test:'url('+require('../../assets/img/test.png')+')'
}
}

使用上述方式即可解决webpack打包图片资源问题