计划有变,新版vite已经内置了对less sass等常见css预处理器支持,不用做过多配置

你只需要

npm i less -D

就可以直接使用。下面分割线后面的都不用看了

========================

npm i less -D

然后在vite.config.js里加

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { fileURLToPath, URL } from 'node:url'

export default defineConfig({
  plugins: [vue(),],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  css: {
    preprocessorOptions: {
      less: {
        modifyVars: {
          hack: 'true; @import "@/assets/less.less"'
        },
        javascriptEnabled: true
      }
    }
  }
})