webpack 4 pug 加载器图像 url 不正确

Question

的文档

嵌入资源

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

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

它看起来和我一起工作，终端发出了我的图像并且没有错误

但是url路径不正确

代码：

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

生成这个奇怪的 url 对象：

Answer 1

因为需要函数 return 对象 - 我不知道为什么 -。我尝试使用 .default 提取值并且有效这是我的代码：

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

webpack 4 pug 加载器图像 url 不正确

webpack 4 pug loader image url not correct

html

webpack

webpack-4

pug-loader