如果将 postcss-loader 与适当的插件一起使用，是否需要 css-loader？

Question

我postcss-import用来处理我的进口，并cssnano缩小。在我的 Webpack 配置中，我一直在使用以下设置css-loader...

{
  loader: 'css-loader',
  options: {
    url: false,
    import: false,
    minimize: false,
    importLoaders: 1,
    souceMap: true,
  }
}

...但是当我删除所有内容时似乎仍然可以正常加载，所以现在我post-css之前只有style-loader. 我可以安全地css-loader从我的 css 构建中省略，还是它提供了一些其他必要的功能？我还没有看到一个webpack.config.js不使用的文件css-loader，所以我想在这里保持谨慎！:)

Answer 1

css-loader@import基本上使 webpack 通过遵循url()CSS 文件中声明的依赖关系来构建依赖关系树。

来自css-loader 文档：

css-loader 像 import/require() 一样解释 @import 和 url() 并解析它们。

由于postcss-import处理 CSS @imports，您仍然需要css-loader捆绑样式表导入的任何其他静态资源，如图像、字体等......