从模块文件引用 SCSS 根文件中的变量

问题描述

我对 SCSS 很陌生，所以我仍在学习基础知识。

我只是想知道您是否可以从子模块访问父文件中的变量和混合。这有点难以用语言表达，所以我将在下面举一个例子..

文件：app.scss

@use base;

$main_color: red;

文件：_base.scss

@use app;

body {
   color: app.main_color;
}

这个想法是你可以有一个根文件，其中包含一堆导入模块可以引用的基本样式......这是一个东西吗？如果是这样，你怎么做？

解决方法

你需要这样修改_base.scss：

@import "app";

body {
   color: $main_color;
}