关于前端:在vue3vite中配置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,
        }
      }
    },
}