为 AngularDart 5 存储和使用 SCSS 全局变量的最佳方式
Best way to store and use SCSS global variables for a AngularDart 5
我正在使用 AngularDart 5 来创建一个网络应用程序。我想在我的 styles.scss 文件（web 文件夹）中存储一些 SCSS 变量。在组件（lib 文件夹）的 SCSS 样式表中使用这些变量的最佳方式是什么？
谢谢！
首先我需要弄清楚几个概念：
- Scss 变量仅在编译时可用。文件编译为 CSS 后，它们在运行时不可用。
- Dart 有一个约定，只能将 lib/ 目录中的文件导入到应用程序的其他位置。我相信 dart-sass 强制执行此约定，您将无法从网络导入文件。
所以你的选择是：
- 将styles.scss文件移动到lib目录下，这样就可以
进口。惯例是让它以下划线开头
表示它仅用于进口。
- Use CSS 可以使用的变量
在运行时。
我正在使用 AngularDart 5 来创建一个网络应用程序。我想在我的 styles.scss 文件（web 文件夹）中存储一些 SCSS 变量。在组件（lib 文件夹）的 SCSS 样式表中使用这些变量的最佳方式是什么？
谢谢！
首先我需要弄清楚几个概念：
- Scss 变量仅在编译时可用。文件编译为 CSS 后，它们在运行时不可用。
- Dart 有一个约定，只能将 lib/ 目录中的文件导入到应用程序的其他位置。我相信 dart-sass 强制执行此约定，您将无法从网络导入文件。
所以你的选择是：
- 将styles.scss文件移动到lib目录下，这样就可以 进口。惯例是让它以下划线开头 表示它仅用于进口。
- Use CSS 可以使用的变量 在运行时。