全局定义的色彩变量,只在 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,
}
}
},
}