将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文件。