Nrwl NX：提供从应用程序到库的样式变量

Question

我会直截了当地说：

我希望我的库的组件没有特定的颜色。所以我按以下方式设计我的组件：

h1 {
  color: $primary;
}

请注意，我没有在库中的任何地方声明 $primary 变量。

我在我的应用程序文件夹 (style.scss) 中执行此操作：

$primary: red

显然，它不起作用，因为我必须将这个变量导入到我的库的组件样式中。但是库不应该依赖于应用程序。

所以，问题：

甚至可以从应用程序向库提供变量吗？如果是，怎么做？

Answer 1

好吧，我不知道如何使用 SCSS 变量实现此目的，但是使用 CSS 我可以：

库的组件样式：

h1 {
  color: var(--primary);
}

应用的样式：

:root {
  --primary: red;
}

Nrwl NX: Provide style variables from apps to libs