scss :export 中导出的变量为空

1. assets/styles/variables.scss

$base-menu-color:#bfcbd9;
:export {
  menuColor: $base-menu-color
}

2.index.vue

<template>
  <div :style="{backgroundColor:variables.menuColor}">
  </div>
</template>

<script>
import variables from "@/assets/styles/variables.scss";

export default {
  computed: {
     variables() {
      return variables;
    }
  }
}
</script>

打印variables，输出为空对象。

 

解决办法

将variables.scss文件重命名为variables.module.scss。