使用样式加载器访问Webpack插件中生成的CSS

Question

我写了一个webpack插件，该插件读取较少的源文件，然后在处理后生成一个简短的CSS，可以使用less.modifyVars()在浏览器中覆盖特定于颜色的样式。 这是一个演示https://antd-live-theme.firebaseapp.com/

但是问题是它不适用于css-modules，因为编译后生成的类名将与这些文件中的类名不同。因此，我认为最好在我的webpack插件中通过webpack处理生成的CSS（css，less，样式加载器）。所以问题是

  

How to get that generated css in webpack plugin even in dev mode using where style-loader is being used?

这是插件https://github.com/mzohaibqc/antd-theme-webpack-plugin/blob/master/index.js

欢迎任何完成此任务的想法。让我知道是否有混淆的地方。

预先感谢：）

Answer 1

如果我理解正确，则需要提取要在插件中使用的CSS类名称。

虽然不建议在前端Webpack配置上运行此命令，但是您可以尝试使用babel-plugin-css-modules-transform（基于css-modules-require-hook）来破解自己的方式。

这旨在用于在服务器上呈现CSS模块。