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