scss :export 中导出的变量为空

1. assets/styles/variables.scss

?

1 2 3 4

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

2.index.vue

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<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。