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

Как в файлах шаблонов 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'а? Подскажите пожалуйста.
  • Вопрос задан
  • 35 просмотров
Решения вопроса 1
@andreysuha
Что то знаю
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы