Webpack 不处理 CSS 背景图像

Question

以下Webpack 配置不允许我将 CSS 图像处理为背景属性：

background: url('./hero.jpg') no-repeat right;

导致以下错误：

ERROR in ./src/app/components/Contact/Contact.style.scss (./node_modules/mini-css-extract-plugin/dist/loader.js??ruleSet[1].rules[1].use[1]!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/app/components/Contact/Contact.style.scss)
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
Error: Can't resolve 'assets/img/section/hero.jpg' in 

我应该通过什么 URL 来传递 CSS 属性，以便 Webpack 能够抓住它？

Dist 目录截图：

公共目录截图：

Answer 1

自己解决了。 请联系以寻求解决方案的帮助：

{
  test: /\.(png|jpg|gif)$/,
  loader: 'file-loader',
  options: {
    publicPath: path.resolve(__dirname, '/assets/img'),
    outputPath: 'assets/img',
    name: '[name].[ext]'
  }
}