将 SCSS 变量文件导入 CSS 模块文件

Question

我正在尝试将_variables.scss文件导入 CSS 模块文件以使用变量来指定 colors。

_variable.css文件：

$mainBlack: #000000;

navigation.module.css文件：

@import "../../../commonStyles/_variables.scss";

.Navigation {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
background-color: $mainBlack;
}

有人知道为什么没有导入颜色并且我无法访问$mainBlack颜色吗？ 我试过使用@use ，但这种方法仍然行不通。

Answer 1

您需要对 .scss 文件进行更改，确保引用了所有内容，然后将您的 app.scss 编译为 app.css。 您将需要 SASS 或 Grunt 来编译 your.scss 文件。