Vue 引入全局样式scss

效果：

1、样式文件

$base-color: "#458ef8";

:root {
  --base_color: #{$base-color};
}

2、main.ts文件引入

import './styles/theme/base.scss' 

3、在对应文件使用

<style lang="scss" scoped>
.test {
  width: 100px;
  height: 100px;
  background-color: var(--base_color);
}
</style>