从外部站点导入SASS文件时出现变量问题

Question

我的 scss 文件以：

开头

@import "styles";
@import url("http://lctools.lundbeckconsulting.no/SASS/STATIC/lct.public.scss");

包含媒体规则：

@media (max-width: $media-small-width) { //code }

但是在Visual Studio中编译文件时，我收到一条错误消息，指出 $ media-small-width 是未声明的变量，即使它存在于中lct.public.scss 是从外部网站导入的。

使用 styles.scss （本地文件）中的变量按预期工作

Answer 1

这是因为导入功能只会将外部文件作为CSS导入规则导入 - 它实际上不会将SCSS从该外部文件导入到其余代码中。

您需要在本地文件中声明变量。 （这可能不是你希望的答案。抱歉！）

从SASS导入的文档：http://sass-lang.com/documentation/file.SASS_REFERENCE.html#_import__import