如何使用Webpack文件加载器设置多路径导出图像文件

Question

我正在研究Webpack来构建我的模块包。我使用文件加载器在javascript中加载图像文件。这些行用于加载图像文件：

  {
    test: /\.(jpe?g|png|gif|svg)$/i,
    use: [
      {
        loader: 'file-loader',
        options: {
          name: 'images/[name].[ext]'
        }
      },
      'image-webpack-loader'
    ]
  }

但我遇到了麻烦。图像路径在css中编译不符合预期。我的应用程序有结构：

图片由app / views / index.pug中的 require（）加载：

img(src= require('../images/logo.png'), alt= 'logo')

app / styles / style.css中的

和 background-image：url（）：

.test {
  background-image: url('../images/logo.png');
}

====== 编译完成后，build / index.html中的图像路径为：

<img src="images/logo.png" alt="logo">

但是build / css / style.css中的图像路径是：

.test {
  background-image: url(images/logo.png);
}

如何检测文件加载器何时在html或css中扫描图像？或者解决这个问题的任何解决方案？

谢谢。