Как избавится от длинных относительных путей в require src в шаблонах pug настройкой webpack?

Question

[Антон Шилов]

Как в файлах шаблонов pug/jade уйти от путей вида:

img.css_class(src=require("../../../img/spinner.png"))

И писать просто:
img.css_class(src=require("./spinner.png"))

Часть конфига webpack

module: {
    rules: [
      {
        test: /\.(jade|pug)$/,
        use: [
          {
            loader: 'pug-loader',
            options: {
              self: true,
              globals: true,
              pretty: true,
              compileDebug: true
            }
          }
        ]
      },
      {
        test: /\.(jpe?g|png|gif|svg|ico)$/i,
        use: [
          {
            loader: 'file-loader',
            options: {
              name: '[name]-[hash].[ext]',
              outputPath: 'src/img/',
              publicPath: 'src/img/'
            }
          },
          {
            loader: 'image-webpack-loader',
            options: {
              mozjpeg: {
                progressive: true,
                quality: 65
              }
            }
          }
        ]
      }
    ]
}

Что ещё необходимо прописать в конфиге webpack'а? Подскажите пожалуйста.

Answer 1

[Andrey Suha]

оно?

Comments

[Антон Шилов]

Спасибо! А ведь я был в этом разделе...