DI (providedIn: XXXModule)

angular版本为^17.3.0；

依赖注入Module

代码结构如下：

点击后为

• demo2 works!
• demo2 providedIn Demo1Module dep
• demo2 works!
• demo2 providedIn Demo1Module

打包后大小为

改写为

demo2去掉
imports: [Demo1Module],
打包后大小为

结果比较：
依赖注入Module会将Demo1Component也打包进去，依赖的service会打包进懒加载component中；

依赖注入root中将Demo1Component树摇优化掉了，，依赖的service会打包进懒加载component中；

如果使用依赖注入Module中，会遇到以下问题
例如：Aservice的providedIn为AModule时，AModule声明的AComponent直接使用Aservice，在17之前是会报错的，17之后正常运行(但是启动得使用platformBrowserDynamic().bootstrapModule(AppModule) ，如果使用 bootstrapApplication(AppComponent, appConfig)是不行的，会报什么错忘了，一般不用providedIn: NgModule

Uncaught ReferenceError: Cannot access ‘‘ before initialization
原因是：循环依赖；
解决办法：