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

Question

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

_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 来编译您的 .scss 文件。