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

问题描述 投票:3回答:1

我写了一个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

任何完成这项任务的想法都是受欢迎的。如果有令人困惑的事情,请告诉我。

提前致谢 :)

javascript webpack less webpack-style-loader extracttextwebpackplugin
1个回答
0
投票

如果我理解正确,您需要提取要在插件中使用的css类名。

虽然不建议在前端webpack配置上运行此功能,但您可以尝试使用babel-plugin-css-modules-transform(基于css-modules-require-hook)破解您的方式。

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

© www.soinside.com 2019 - 2024. All rights reserved.