为组件定义css模块时如何访问antd less变量？

Posted 2023-02-21

【中文标题】为组件定义css模块时如何访问antd less变量？

【英文标题】：How to access antd less variables when defining a css module for a component?

【发布时间】：2020-06-19 12:46:51

【问题描述】：

我正在使用 antd 文档建议的自定义主题，以便能够自定义主题并且效果很好。 我可以通过在我的 less 文件中导入索引来从 antd 主题访问更少的变量，它工作正常。 我可以使用老式的 css 模块通过使用 .module.css 定义文件来设置我的组件的样式，并且效果很好。 但是，我想在我的 css 模块中导入和使用 antd theme less 变量，但我不知道如何使它工作。有人知道如何实现吗？

【问题讨论】：

您找到解决方案了吗？谢谢。

【参考方案1】：

如果我在whatevercomponent.less 文件的顶部导入antd.less，则可以使用这些变量：

@import 'antd/dist/antd.less';