How to get rid of long relative paths in require src in pug templates with webpack setting?

Question

Pug

How to avoid view paths in pug/jade template files:

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

And it's easy to write:
img.css_class(src=require("./spinner.png"))
Part of the webpack config

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
              }
            }
          }
        ]
      }
    ]
}

What else needs to be written in the webpack config? Tell me please.

Answer 1

it ?