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,
  }
}

...但是当我删除它时，一切似乎仍然可以正常加载，所以现在我在 style-loader 之前只有 post-css 。我可以安全地从我的 css 构建中省略 css-loader 吗？或者它是否提供了一些其他必要的功能？我还没有看到不使用 css-loader 的 webpack.config.js 文件，所以我在这里要小心! :)

Answer 1

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

来自css-loader docs :

The css-loader interprets @import and url() like import/require() and will resolve them.

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