为AngularDart 5存储和使用SCSS全局变量的最佳方法

Question

我正在使用 AngularDart 5 来创建网络应用。我想在我的styles.scss文件（web文件夹）中存储一些SCSS变量。在组件（lib文件夹）的SCSS样式表中使用这些变量的最佳方法是什么？

谢谢！

Answer 1

我需要先清除几个概念：

• Scss变量仅在编译时可用。将文件编译为CSS后，它们将在运行时不可用。
• Dart有一个约定，其中只能将lib /目录中的文件导入到应用程序的其他位置。我相信dart-sass会强制执行此约定，并且您将无法从Web导入文件。

因此，您的选择是：

• 将styles.scss文件移动到lib目录，以便可以 进口的。惯例是要以下划线开头 表示这仅用于进口。
• 使用可以使用的CSS变量 在运行时。