webpack打包js里图片问题

Question

const loader = new PxLoader()
loader.addImage('../img/p10bg.png')
loader.start()
$(() => {
$('#aaabb').attr('src', '../img/p10bg.png')
})

webpack打包的时候p10bg.png这个路径没有修改到图片文件打包的路径，导至图片显示不出来。
只能用imgUrl = require('../img/p10bg.png')这种办法才能打包吗?
能修改webpack的配置或是使用webpack插件的方式打包loader.addImage('../img/p10bg.png')这种路径吗？

谢谢

Answer 1

var pbg =require('../img/p10bg.png')

loader.addImage(pbg)

$('#aaabb').attr('src', pbg)

Answer 2

只能用require的方式

Answer 3

我估摸着你是在改老代码，想省点力吧？

事实上是只能require/import的

Answer 4

谢谢各位。。。