Sass Map（scss map-get）在其他CSS导入中使用

Question

我有导入login.scss的index.scss，我的问题是如何从index.scss映射获取颜色？

index.scss

@import "./style/login";

    $colors: (
        primary : #005DFF,
        accent : #FFF6BB
    );

这是我所做的，但收到错误： “找不到或不可读的导入文件：./ style / login。”

login.scss

.bg { 
background-color: map-get($colors, primary );
}

提前谢谢

Answer 1

该错误表示文件不在您指向的路径中。 index.scss与login.scss在同一目录中吗？如果文件路径正确，则可能与您的构建过程有关。如果可以，请添加这些文件所在文件夹的屏幕快照，以便我们查看路径是否正确。

排序后，您需要编辑此sass以使其正常工作。在index.scss中，您需要在$colors上方 声明@import login地图。否则，当导入login时，它不知道$colors应该是什么。