计划有变,新版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
}
}
}
})