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

Sass 为AngularDart 5存储和使用SCSS全局变量的最佳方法,sass,angular-dart,Sass,Angular Dart,我正在使用AngularDart 5来创建一个web应用程序。我想在我的style.SCSS文件(web文件夹)中存储一些SCSS变量。在组件(lib文件夹)的SCSS样式表中使用这些变量的最佳方式是什么 谢谢大家! 我首先需要澄清几个概念: Scss变量仅在编译时可用。一旦文件被编译成CSS,它们在运行时就不可用了 Dart有一个约定,只有lib/目录中的文件才能导入到应用程序中的其他位置。我相信dart sass强制执行此约定,您将无法从web导入文件 因此,您的选择是: 将style

我正在使用AngularDart 5来创建一个web应用程序。我想在我的
style.SCSS
文件(
web
文件夹)中存储一些SCSS变量。在组件(
lib
文件夹)的SCSS样式表中使用这些变量的最佳方式是什么


谢谢大家!

我首先需要澄清几个概念:

  • Scss变量仅在编译时可用。一旦文件被编译成CSS,它们在运行时就不可用了
  • Dart有一个约定,只有lib/目录中的文件才能导入到应用程序中的其他位置。我相信dart sass强制执行此约定,您将无法从web导入文件
因此,您的选择是:

  • 将styles.scss文件移动到lib目录,以便 进口的。惯例是以下划线开头 表明这只是为了进口
  • 使用可以使用的CSS变量 在运行时

    • 我首先需要澄清几个概念:

      • Scss变量仅在编译时可用。一旦文件被编译成CSS,它们在运行时就不可用了
      • Dart有一个约定,只有lib/目录中的文件才能导入到应用程序中的其他位置。我相信dart sass强制执行此约定,您将无法从web导入文件
      因此,您的选择是:

      • 将styles.scss文件移动到lib目录,以便 进口的。惯例是以下划线开头 信号它只是为了进口
      • 使用可以使用的CSS变量 在运行时

      谢谢!我发现你的答案很有用。谢谢!我觉得你的答案很有用。