无法在Repackjs，Webpack中加载背景图像

Question

我正在尝试从自定义css文件加载React项目中的背景图像。我正在使用Webpack 4。

.bgimage {
  height: 100vh;
  background: url('../images/header.jpg');
}

但我的图片没有显示，我在控制台中出现此错误：

ERROR in ./src/app/assets/images/header.jpg
Module build failed: SyntaxError: Unexpected character '�' (1:0)

我尝试将url-loader添加到我的webpack.config.js

 {
   test: /\.(png|jpg|gif)$/,
   loader: "url-loader",
   query: { mimetype: "image/png" }
 }

但是仍然没有显示图像。

Answer 1

<强>解决方案：

我找到了适合我的解决方案。我还安装了file-loader并显示了我的背景图片。

文件加载程序安装： https://www.npmjs.com/package/file-loader

希望有人会发现它很有用。