如何在Nx工作区的Angular可发布库中注入Environment对象

你遇到的这个问题在Nx跨应用复用库的场景里很常见——库模块本身不能直接引用应用层的environment文件，毕竟库是独立于具体应用存在的。不过咱们可以通过模块的forRoot静态方法传递环境配置，把依赖环境的模块配置逻辑移到这个方法里，就能完美实现你要的条件加载效果了。

步骤1：重构CoreModule的forRoot方法 #

把所有依赖environment的模块配置（比如StoreModule、StoreDevtoolsModule）都放到forRoot方法里，让这个方法接收environment参数并返回完整的模块配置：

import { NgModule, ModuleWithProviders } from '@angular/core';
import { CommonModule } from '@angular/common';
import { StoreModule } from '@ngrx/store';
import { EffectsModule } from '@ngrx/effects';
import { APP_FEATURE_KEY, initialState as appInitialState, appReducer } from './+state/app.reducer';
import { AppEffects } from './+state/app.effects';
import { NxModule } from '@nrwl/nx';
import { StoreDevtoolsModule } from '@ngrx/store-devtools';
import { storeFreeze } from 'ngrx-store-freeze';

@NgModule({
  imports: [
    CommonModule,
    NxModule.forRoot(),
    // 这里只保留无环境依赖的基础模块，把依赖环境的配置移到forRoot里
  ]
})
export class CoreModule {
  // 接收environment参数，返回包含完整配置的ModuleWithProviders
  static forRoot(environment: { production: boolean }): ModuleWithProviders<CoreModule> {
    return {
      ngModule: CoreModule,
      imports: [
        StoreModule.forRoot(
          { app: appReducer },
          {
            initialState: { app: appInitialState },
            metaReducers: !environment.production ? [storeFreeze] : []
          }
        ),
        EffectsModule.forRoot([AppEffects]),
        // 用扩展运算符处理条件加载的模块
        ...(!environment.production ? [StoreDevtoolsModule.instrument()] : [])
      ]
    };
  }
}

步骤2：在Shell应用的AppModule中传入Environment #

在每个Shell应用（app1和app2）的根模块里，调用CoreModule.forRoot(environment)，把当前应用的环境配置传进去：

// app1/src/app/app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { environment } from '../environments/environment';
import { CoreModule } from '@your-workspace/core'; // 替换成你的CoreModule实际路径
import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    // 传入当前应用的environment配置
    CoreModule.forRoot(environment)
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

为什么这个方案可行？ #

• forRoot是Angular模块的标准模式，专门用于传递全局配置或依赖环境的设置，非常适合在库模块中接收应用层的参数。
• 把依赖environment的模块配置移到forRoot里，就能直接使用传入的环境参数，避开了库模块无法引用应用层文件的限制。
• 每个Shell应用可以传入自己的environment，实现不同环境下的差异化配置（比如app1用开发环境，app2用生产环境）。

额外注意事项 #

• 如果你需要传递更多环境配置项，可以定义一个Environment接口来约束参数类型，让代码更严谨。
• 务必保持CoreModule的独立性，不要在它的@NgModule装饰器里直接引用任何应用层的文件，这样才能保证它在多个应用中正常复用。

内容的提问来源于stack exchange，提问作者Sameer Ahmed S