小编Cha*_*d.K的帖子

是一个由 Vite & React & antd 组成的项目。

我想在 vite.config.ts 中动态处理 antd 主题。

如果您能告诉我如何修改 React 组件中的 less.modifyVars 值，我将不胜感激。

这是当前屏幕。

亮态/ 暗态

深色模式下，select组件的样式无法正常使用。

import { getThemeVariables } from 'antd/dist/theme'

...

css: {
  modules: {
    localsConvention: 'camelCaseOnly'
  },
  preprocessorOptions: {
    less: {
      javascriptEnabled: true,
        modifyVars: {
          ...getThemeVariables({
            dark: true // dynamic
          })
        }
      }
    }
  }
}