webpack 4哈巴狗加载程序的图片网址不正确

Question

根据pug loader的文档

嵌入式资源

尝试对所有嵌入式资源使用require，以便通过webpack处理它们。

div
  img(src=require("./my/image.png"))

它似乎与我合作，终端发出了我的图像，没有错误

但是网址路径不正确

代码：

div.phone-container
    h1 
        a
            img(src=require('./../../assets/images/logo-sm.png'))
    .hamburger.hamburger--collapse
        .hamburger-box
            .hamburger-inner

产生这个奇怪的URL对象：

Answer 1

由于require函数返回对象-我不知道为什么-。我尝试使用 .default 提取值，并且有效 这是我的代码：

div.phone-container
    h1 
        a
            img(src=require('./../../assets/images/logo-sm.png').default)
    .hamburger.hamburger--collapse
        .hamburger-box
            .hamburger-inner