使用less变量时候，配置vite-configlocalsConvention: 这个设置决定了导出的 CSS 类名的

export default defineConfig((mode: ConfigEnv) => {
return {
    ...
    css: {
        preprocessorOptions: {
            less: {
                //它允许执行 Less 文件中的 JavaScript 代码。
                javascriptEnabled: true,
                additionalData: `@import "@/theme/style/var.less";`,
        },
    }
    ...
}
}）

localsConvention: 这个设置决定了导出的 CSS 类名的命名规范。'camelCaseOnly' 表示只将类名转换为驼峰式命名。例如，如果你在 CSS 文件中写 .some-class，在 JavaScript 中你会通过 styles.someClass 来引用它，而不是 styles['some-class']。

less: 指定了 Less 预处理器的配置项。

additionalData: 这个选项通常用来导入全局变量或混合,在这个例子中，它自动在每个 Less 文件前导入了 var.less 文件，这个文件位于项目的 @/theme/style/ 目录下。这样做的好处是你不需要在每个 Less 文件中手动写导入语句，可以直接使用 var.less 中定义的变量或混合，便于维护和重用。