Webpack，extract-loader 不加载加载后台 url

Question

我在使用提取加载器时遇到问题。我尝试添加背景： url(../../assets/icons/upload.svg); sass，但我得到一个错误。

Error: Cannot find module '../../assets/icons/upload.svg' from '/home/jeremy/code/sample-project/src/styles'

尝试了 resolve-url-loader，但没有成功。我的 webpack 配置：

module: {
    rules: [
      {
        test: /\.(js)$/,
        exclude: /node_modules/,
        loader: require.resolve('babel-loader'),
      },
      {
        test: /\.(png|svg|jpg|gif)$/,
        include: [
          path.resolve(__dirname, 'src/assets/'),
        ],
        use: [
          'file-loader'
        ],
      },
      {
        test: /\.hbs$/,
        loader: require.resolve('handlebars-loader'),
        query: {
          inlineRequires: '/assets/',
        },
      },
      {
                test: /\.scss$/,
                use: [
                    {
                        loader: require.resolve('file-loader'),
                        options: {
                            name: 'main.css',
                        }
                    },
                    require.resolve('extract-loader'),
                    require.resolve('css-loader'),
                    require.resolve('postcss-loader'),
                    require.resolve('sass-loader'),
                ],
            }
    ]
  },