Как решить проблему с копированием изображений подключенных в pug/jade?

Question

[Bowen]

Привет други.

Есть компонент:

/home
    /images
        logo.png
    home.component.ts
    home.template.pug
    home.styles.styl
    index.ts

Часть конфигурации webpack:

{
        test: /\.(png|jpe?g|ico)$/,
        use: [{
          loader: 'file-loader',
          options: {
            context: './src/app/',
            name: '[path][name].[ext]'
          }
        }]
}

В шаблоне компонента указываю так:
img(src=require("./images/logo.png") class="logo")

После компиляции, изображения не копируются в папку dist.
Полагаю что это косяк pug-loader, но к сожалению я не смог это решить.
Встречался ли кто с такой проблемой ? если да то как вы ее решили ?
Буду очень признателен за советы/помощь!

Answer 1

[Bowen]

Решил проблему используя следующие лоудеры:

{
  test: /\.pug$/,
  use: [{
    loader: 'html-loader'
  }, {
    loader: 'pug-html-loader',
    options: {
      exports: false
    }
  }]
}

Comments

[Evgeny Erofeev]

Прекрасно! Даже require теперь не нужен!