Javascript 为什么网页包文件加载器没有触发CSS URL?

Javascript 为什么网页包文件加载器没有触发CSS URL?,javascript,css,webpack,webpack-4,webpack-file-loader,Javascript,Css,Webpack,Webpack 4,Webpack File Loader,我正在尝试让Webpack吸收从.scss文件引用的图像文件。然而,我尝试过的任何东西似乎都不会触发文件加载程序。我们的CSS很好地捆绑在一起,但是CSS中的任何url()引用似乎都没有被触及,并且没有发出任何图像文件 请参见下面的sass示例和当前网页包配置。我可以验证文件扩展名regex是否正确,并且更改加载程序的顺序似乎没有任何效果。是否需要其他步骤来确保文件加载器在CSS中看到URL 英雄{ 背景图像:url('/assets/welcome/responsive/header ima

我正在尝试让Webpack吸收从.scss文件引用的图像文件。然而,我尝试过的任何东西似乎都不会触发文件加载程序。我们的CSS很好地捆绑在一起,但是CSS中的任何
url()
引用似乎都没有被触及,并且没有发出任何图像文件

请参见下面的sass示例和当前网页包配置。我可以验证文件扩展名regex是否正确,并且更改加载程序的顺序似乎没有任何效果。是否需要其他步骤来确保文件加载器在CSS中看到URL

英雄{ 背景图像:url('/assets/welcome/responsive/header image.jpg'); 背景尺寸:封面; 背景位置:0%70%; 最小高度:435px; 背景色:#000; 颜色:$白色; 字号:200; 位置:相对位置;
}您可以像这样添加MinicsSextract插件:

 plugins: [
    new MiniCssExtractPlugin({
      filename: "style.css",
      chunkFilename: "style.chunk.css",
      hot: true,
      orderWarning: true,
      reloadAll: true,
      cssModules: true
    })
]
对于图像类型,您可以尝试使用url加载程序

  {
    test: /\.(png|svg|jpg|gif)$/,
    use: [
      {
        loader: 'url-loader',
        options: {
          limit: 5000
        }
      }
    ]
  }

对于svg,可以使用加载器的字体格式是
文件加载器

,为什么您认为这会有不同的效果?还有,我想继续使用文件加载器,有什么理由你认为这会更好吗?