Question

当我在style.scss上导入部分文件时。它工作正常。所有变量都正常工作。

style.scss

@import 'base/variable';

//Component
@import 'component/menubar';
@import 'component/menubar-mascot';
@import 'component/menubar-count';
@import 'component/menubar-button';

但是当我尝试合并menubar scss部分文件时，就像这样

style.scss

@import 'base/variable';

//Component
@import 'component/menubar';

menubar.scss

@import 'menubar-mascot';
@import 'menubar-count';
@import 'menubar-button';

variable.scss上的变量无法读取，但当我再次导入variable.scss menubar.scss时，就像这样

menubar.scss

@import '../base/variable';
@import 'menubar-mascot';
@import 'menubar-count';
@import 'menubar-button';

它工作正常，为什么？以及如何解决此问题而不再导入variables.scss上的menubar.scss？

Answer 1

我认为menubar-mascot位于运行sass命令的位置。由于某种原因，似乎找不到嵌套导入中的绝对路径。

a = [ ] 
b = {'by_name': "FTa0213"}
a.append(" name like '%{by_name}' ".format(**b))
print "a :", a

但是，如果您使用相对的，它确实找到了它。所以相对于你的bundle scss文件你可以这样做：

@import 'menubar-mascot';
@import 'menubar-count';
@import 'menubar-button';

因此它将从组件文件夹返回到根目录并找到正确的文件。

无法通过部分文件导入的部分文件上的标识变量

1 个答案: