为什么有两个变量文件?
问题:样式目录下同时存在 variables.scss 和 variables.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导入
