Angular v6で導入されるTree-Shakable DIの紹介 - 余白

追記: 最新では scope が providedIn に変わってます。 github.com Angular v6では、これまでのDependency Injectionの仕組みをTree-Shaking可能にするためのオプション機能を追加します。 概要を説明するために簡単なスライドを作りました。 現状の問題 現在のDependency Injectionの仕組みでは、Injectionされるサービス（Injectable）はProviderの登録と、Injectorからの参照の2箇所で、静的に参照される必要があります。 たとえどこからもInjectionされないサービスでも、Providerを登録する時点でNgModuleからの参照が発生するため、ビルド時に不要なコードをふるい落とすTree-Shakingの対象にすることができませんでした。 新しいアプローチ Angular v6では

[massa142]

“Angular v6では、これまでのDependency Injectionの仕組みをTree-Shaking可能にするためのオプション機能を追加します”

[Dai_Kamijo]

Angular 6で導入される新しいDependency Injectionの仕組みと目的について。 bundleする際のdead codeを削除し易い依存関係にしたDIの仕組み "Angular v6で導入されるTree…" — azu (@azu_re) March 2, 2018 from Twitter https://twitter.com/Dai_Kamijo Ma

[efcl]

Angular 6で導入される新しいDependency Injectionの仕組みと目的について。 bundleする際のdead codeを削除し易い依存関係にしたDIの仕組み

[Quramy]

うーん、これ使うとprovidersの一覧性がなくなっちゃうのか…。bundler側でngModuleからしか参照されてなければbundleしない、みたいなアプローチをとれないんだろうか。