如果您使用带有适当插件的 postcss-loader，是不是需要 css-loader？

Posted 2023-02-22

【中文标题】如果您使用带有适当插件的 postcss-loader，是不是需要 css-loader？

【英文标题】：Is css-loader neccessary if you use postcss-loader with appropriate plugins?如果您使用带有适当插件的 postcss-loader，是否需要 css-loader？

【发布时间】：2017-11-28 06:51:02

【问题描述】：

我使用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 文件，所以我在这里要小心！ :)

【参考方案1】：

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

来自css-loader docs：

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

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

【讨论】：

“你仍然需要 css-loader 来捆绑由你的样式表导入的任何其他静态资产，如图像、字体等”——“file-loader”不处理吗？