vite5.x配置全局less/scss/sass变量方法,本文以less为例,scss同理。
1:下载依赖
需要下载less和less-loader依赖
npm i less
npm i less-loader
2:配置vite.config.ts
css: {
preprocessorOptions: {
less: {
additionalData: `
@import "./src/assets/style/mixins.less";
`,
},
},
}
3:main.ts引入资源
import '@/src/assets/style/mixins.less';