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