webpack - 如果您将 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基本上，webpack 可以通过遵循CSS 文件中声明@import的依赖项来构建依赖项树。url()

来自css-loader 文档：

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

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