Nx+Angular场景下库模块如何解耦获取environment.production变量

1. Angular模块装饰器能否解析environment变量，forRoot方案是否可用 #

Angular的@NgModule装饰器元数据是编译期静态解析的，确实无法在元数据的imports数组中使用运行时注入的依赖，所以你没法通过给模块类注入依赖的方式，把变量用到模块装饰器的配置里。
你提到的forRoot方案不生效属于用法错误，forRoot本身就是用于给模块传递静态配置的标准方案，完全支持动态拼接导入的模块数组。

2. 解耦库模块与environment文件的方案 #

你可以通过ShellModule暴露forRoot静态方法接收配置参数，动态决定是否导入NgRx Devtools模块，完全不需要在库代码里引入应用层的environment文件，示例代码如下：

库侧ShellModule代码 #

import { NgModule, ModuleWithProviders } from '@angular/core';
import { StoreModule } from '@ngrx/store';
import { EffectsModule } from '@ngrx/effects';
import { StoreDevtoolsModule } from '@ngrx/store-devtools';

// 定义外部传入的配置接口
export interface ShellModuleConfig {
  isProduction: boolean;
  // 可扩展其他配置项
}

@NgModule({
  imports: [
    // 导入不需要动态判断的基础NgRx模块
    StoreModule.forRoot({}),
    EffectsModule.forRoot([])
  ],
  exports: [StoreModule, EffectsModule, StoreDevtoolsModule]
})
export class ShellModule {
  static forRoot(config: ShellModuleConfig): ModuleWithProviders<ShellModule> {
    return {
      ngModule: ShellModule,
      // 在这里根据传入的配置动态导入Devtools模块
      imports: [
        !config.isProduction ? StoreDevtoolsModule.instrument() : []
      ],
      providers: []
    };
  }
}

应用侧AppModule调用代码 #

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { ShellModule } from '@your-org/shell'; // 替换为你库的实际导入路径
import { environment } from './environments/environment';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    // 把应用侧的production状态传入ShellModule
    ShellModule.forRoot({ isProduction: environment.production })
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

该方案下库模块和应用层的environment文件完全没有依赖，你可以任意复用这个ShellModule到其他Angular项目。

3. 别名路径导入是否属于紧耦合 #

即使给environment配置了tsconfig别名路径导入，本质还是库模块直接依赖应用层的特定文件，依然属于紧耦合：

• 库模块无法脱离当前应用独立发布、复用
• 复用至其他应用时必须要求目标应用存在对应别名、且environment文件结构完全一致
• 库代码和应用代码的边界完全被打破

内容的提问来源于stack exchange，提问作者pax