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

Question

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

谢谢！

标签： sassangular-dart

Answer 1

我需要先弄清楚几个概念：

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

所以你的选择是：

• 将styles.scss 文件移动到lib 目录以便可以导入。约定是让它以一个下划线开头，这表明它只是用于进口。
• 使用可在运行时使用的 CSS 变量。