scss :export 中导出的变量与Vue JavaScript共享无效

最近在尝试的搭建vue2框架，遇到了一个问题scss中导出的变量，在vue文件js中获取值为undefine

1.首先，在scss中配置要导出的变量

/* variables.scss */

$yellow: #f6d80c;
:export {
  yellow: $yellow;
}

2.在vue文件导入变量并使用

理论上这样就行了，但是经测试style中进行@import样式是生效的$yellow变量值也是正常传递，但是在js中variables.yellow始终undefine,查看了CSS Modules

你可以通过