webpack - 在 css-loader 之后使用 postcss-loader

Question

我将 CSS 模块与 webpack css-loader 一起使用，然后将它们与 mini-css-extract-plugin 捆绑在一起。
这是我的配置的样子:

{
    test: /\.css$/,
    use: [
      MiniCssExtractPlugin.loader,
      {
        loader: "css-loader",
        options: {
          modules: true,
          localIdentName: "[name]-[local]_[hash:base64:5]",
          imports: true,
          importLoaders: 1
        }
      },
      "postcss-loader"
    ]
  }

出于某种原因(请参阅评论部分)，我真的很想将 postcss-loader 应用于不是每个单独的 .css 文件，而是应用于整个捆绑包。我怎样才能做到这一点？

Answer 1

感谢大家尝试解决我的问题。毕竟我找到了解决方案。我不使用 postcss-loader更多，但我改为使用 OptimizeCssAssetsPlugin像这样:

new OptimizeCssAssetsPlugin({
  cssProcessor: postcss([CSSMQPacker]),
}),