1、首先安装less 和 less-loader

npm i less -D
npm i less-loader -D

2、 vite.config.js配置
添加css配置

export default defineConfig({
  plugins: [vue()],
  css: {
    // css预处理器
    preprocessorOptions: {
      less: {
        charset: false,
        additionalData: '@import "./src/assets/style/global.less";',
      },
    },
  }

})

src/assets/style/global.less 这个文件位置随便你自己设置（热加载使用）