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。