如果您使用带有适当插件的 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 文件，所以我在这里要小心！ :)

【问题讨论】：

标签： webpack postcss css-loader postcss-import postcss-loader

【解决方案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”不处理吗？