我写了一个webpack插件,它读取较少的源文件,然后处理后生成一个短css,允许使用less.modifyVars()
覆盖浏览器中的颜色特定样式。这是一个演示https://antd-live-theme.firebaseapp.com/
但问题是它不适用于css-modules,因为编译后生成的类名将与这些文件中的类名不同。所以我认为最好在我的webpack插件中通过webpack(css,less,样式加载器)处理生成的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
任何完成这项任务的想法都是受欢迎的。如果有令人困惑的事情,请告诉我。
提前致谢 :)
如果我理解正确,您需要提取要在插件中使用的css类名。
虽然不建议在前端webpack配置上运行此功能,但您可以尝试使用babel-plugin-css-modules-transform
(基于css-modules-require-hook
)破解您的方式。
这用于在服务器上呈现css模块。