sass - Dart是否与SASS集成在一起？

Question

在最终与AngularDart(2.0)变得更加亲密之后，我决定将SASS加入到关系中。似乎SASS开发人员也将来到Dart SASS to Dart(两个月前)。

知道这一点，@Component( styleUrls: 'style.sass')似乎无法识别 .sass 或 .scss 扩展。在时间轴上是否有任何知识或更新或对兼容性的期望？ hell ，甚至是SASS的Dart酒馆(我觉得后者可能在这里，但我掩饰了它)。

Answer 1

Dart 2
在带有build_runner的Dart 2中，只需添加

dev_dependencies:
  sass_builder: ^1.1.2

到 pubspec.yaml
Dart 1

改用

@Component( styleUrls: 'style.css')

并在您的 pubspec.yaml中添加一个Sass变压器

https://pub.dartlang.org/packages/dart_sass_transformer

dependencies:
  dart_sass_transformer: ^0.5.0
transformers:
  - dart_sass_transformer:

然后 style.sass或 style.scss将自动转换为 style.css并提供给Angular组件

您需要运行 pub get --packages-dir，直到 https://github.com/sass/dart-sass/pull/53可用为止。