如果你使用带有适当插件的postcss-loader,是否需要css-loader?

时间:2017-06-25 02:27:37

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

我使用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版本中省略css-loader,还是它提供了必要的其他功能?我还没有看到webpack.config.js文件没有使用css-loader,所以我想在这里保持谨慎! :)

1 个答案:

答案 0 :(得分:1)

css-loader基本上允许webpack通过遵循CSS文件中声明为@importurl()的依赖项来构建依赖树。

来自css-loader docs

  

css-loader解释@import和url(),如import / require(),并解析它们。

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