在vue3-vite中配置less的全局变量

全局定义的颜色变量，只在main.ts内部引入index.less时，在组件中直接使用会报错

• index.less

@primary-color: #1890ff;

• main.ts

import './style/index.less'

需要在vite.config.ts中配置css，便可以在组件中使用index.less中定义的变量了

export default {
css: {
      preprocessorOptions: {
        less: {
          modifyVars: {
            hack: `true; @import (reference) "${resolve('src/style/global/config.less')}";`,
          },
          javascriptEnabled: true,
        }
      }
    },
}