javascript - 使用 style-loader 访问 webpack 插件中生成的 css

Question

我编写了一个 webpack 插件，它读取较少的源文件，然后在处理后生成一个简短的 css，它允许使用less.modifyVars(). 这是一个演示https://antd-live-theme.firebaseapp.com/

但问题是它不适用于 css-modules，因为编译后生成的类名将与这些文件中的不同。所以我认为最好在我的 webpack 插件中通过 webpack (css, less, style loader) 处理生成的 css。所以问题是

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 模块。