如果您使用 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 来捆绑您的样式表导入的任何其他静态资产，如图像、字体等。 .

如果您使用 postcss-loader 和适当的插件，是否需要 css-loader？

Is css-loader neccessary if you use postcss-loader with appropriate plugins?

webpack

postcss

css-loader

postcss-import

postcss-loader