Как правильно указать файл-загрузчик Webpack publicPath с такой файловой структурой?

Question

Структура файла

├───assets
│ ├───scss
│ ├───js
│ ├───img
│ ├───plugins
│ └───index.html
├───dist
│ ├───css
│ ├───img
│ ├───js
│ └───index.html
└───webpack.config.js

index.html

<img src="img/exapmle.jpg" alt="exapmle">

main.sass

.home
  background: url("../img/example.jpg")

webpack.config.js

module: {
    rules: [
      {
        test: /\.(jpg|png|svg|gif)$/,
        use: [
          {
            loader: 'file-loader',
            options: {
              name: '[name].[ext]',
              publicPath: 'img',
              outputPath: 'img',
              useRelativePath: true
            }
          },
          {
            loader: 'image-webpack-loader',
           ...
            }
          }
        ]
      }
    ]
  },

На производстве в dist я вижу только изображение из html, если я перехожу на publicPath: '../', я не вижу его в css