Webpack无法解析图像

Question

我到处搜遍了。但我还是无法解决我的问题。有人可以帮我这个。我一直收到错误消息无法解析我的图像文件。我怀疑它必须与相对或绝对路径有关，因为我将我的scss文件导入另一个sass文件。它也没有给出错误，说你需要一个合适的加载器来处理这种类型。

This is my webpack config.
`{test: /\.(jpe?g|png|gif|svg)$/i,
    use: 'file-loader'
  },
  {
    test: /.scss$/,
    use: ExtractTextPlugin.extract({
      fallback: 'style-loader',
      use: 'css-loader!resolve-url-loader!sass-loader',
      publicPath: '/'
    })
  },`

我正在使用@import将其加载到另一个SASS文件中。

&:after { background: url('./images/themeTab.png') no-repeat center;}

Answer 1

为了知道如何在任何前面的加载器上重写网址resolve-url-loader needs source maps enabled。

更改您的.scss加载程序链，如：

  use: 'css-loader!resolve-url-loader!sass-loader?sourceMap',