头图

在vue3-vite中配置less的全局变量

shellingfordly

全局定义的颜色变量,只在main.ts内部引入index.less时,在组件中直接使用会报错

image.png

  • 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,
        }
      }
    },
}
阅读 7.3k
14 声望
0 粉丝
0 条评论
你知道吗?

14 声望
0 粉丝
文章目录
宣传栏