scss怎么使用外部scss定义的变量?

Question

style.scss

$color-primary: rgb(66, 66, 66);

top-navbar.component.scss

@import url(../../../../styles.scss);
body {
  background-color: $color-primary;
}

运行结果

Answer 1

import方式不对吧，应该：

@import "../../../../styles.scss";

body {
  background-color: $color-primary;
}

参考：https://sass-lang.com/documen...

Answer 2

我初次接触scss, 看了一下官方文档, 远比自己想象的要复杂多, 目前能找到唯一的解决办法先做个记录

先这样用, 只能以后有时间再研究了~

以下是测试页面效果, 可以看到样式生效了