如何在我的 main.scss 全局中创建 @Import 函数？

【问题标题】：How can I make @Import function in my main.scss global?如何在我的 main.scss 全局中创建 @Import 函数？
【发布时间】：2021-03-09 20:19:21
【问题描述】：

大家好，我是学习 sass 的新手，我正在使用 node.js 和 cmd 作为本地编译器。我有一个 main.scss 文件，我在其中完成了所有 @imports。 This is an image of main.scss with all imports 每当我尝试保存我的工作时，我都会收到一条错误消息，指出我的变量未定义，同时它们是。 This is the error. And this is where the supposed error is.Meanwhile my variable.scss is intact, take a look here

所以我想问题是，我如何让我的 @imports 在我的项目中全局化。

【问题讨论】：

【解决方案1】：

仔细检查您的变量$color-primary-light 是否已在您的 scss 文件中定义。或者更改@import "base/typography 函数并将其转移到main.scss 的最上部。

Scss 从上到下读取导入，并且在将它们编译成一个 css 文件时存在 css 的一些 css 特异性/层次结构。

@import "base/typography
@import "base/base
@import "base/animations
@import "base/utilities

【讨论】：