Skip to content

为什么有两个变量文件?

问题:样式目录下同时存在 variables.scssvariables.module.scss

原因

  • variables.scss:定义 CSS/SCSS 变量,通过 vite.config.ts 自动注入到所有 SCSS 文件
  • variables.module.scss:通过 :export 将变量暴露给 JS/TS 使用

使用方式

  • SCSS 中:直接写 $sidebar-width 等变量
  • JS/TS 中:从 @/styles/variables.module.scss 导入

基于 MIT 许可发布