老师你好,如果是vue-ts scss 这里该如何导出变量呢

来源：2-5 Vite 中使用 CSS 的各种功能

乔刻力

2021-12-23

// sidebar
$menuText: #bfcbd9;
$menuActiveText: #ffffff;
$subMenuActiveText: #f4f4f5;
$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;
}

vue

import variables from '@/assets/abstracts/_variables.scss'
console.log(variables)

页面效果
:export {
menuText: #bfcbd9;
menuActiveText: #ffffff;
subMenuActiveText: #f4f4f5;
menuBg: #304156;
menuHover: #263445;
subMenuBg: #1f2d3d;
subMenuHover: #001528;
sideBarWidth: 210px;
}

页面中打印出来的就是一个string

写回答

1回答