vue引入less或scss全局变量

首先在less/scss文件中导出

// common.less 文件
@color-main: #123456
// 导出变量
:export {
  colorMain: @color-main;
}

1
2
3
4
5
6

在main.js中注册

// 注意在uni-app的app环境下导出不会生效，需要手动构造variables
import variables from '@/common/less/common.less'

Vue.prototype.$vars = variables;

1
2
3
4
5

less和scss使用方式一样

上次更新: 2025/09/05, 8:09:00