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

Question

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

但问题是它不适用于 css-modules，因为编译后生成的类名将与那些文件中的不同。所以我觉得在我的webpack插件中通过webpack(css、less、style loaders)处理生成的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 -需要 Hook ).

这意味着用于在服务器上呈现 css 模块。