在vue/cli 5.0.4 中Javascript和Sass之间共享变量 不起作用

variables.scss文件是:

$menuText:#bfcbd9;

$menuActiveText:#409EFF;

$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951

$menuBg:#304156;

$menuHover:#263445;

$subMenuBg:#1f2d3d;

$subMenuHover:#001528;

$sideBarWidth: 210px;

:export {

menuText: $menuText;

menuActiveText: $menuActiveText;

subMenuActiveText: $subMenuActiveText;

menuBg: $menuBg;

menuHover: $menuHover;

subMenuBg: $subMenuBg;

subMenuHover: $subMenuHover;

sideBarWidth: $sideBarWidth;

}

import variables from ‘@/styles/variables.scss’
js文件中variables打印出来是空的

各位大神帮忙解决一下了,这是为什么