Standalone Components 翻译配置难题咨询：多项目架构优化方案

针对多应用多库架构中独立组件的翻译配置问题，这里提供几个实用方案，兼顾复用性和冗余规避：

1. 按功能/领域拆分翻译片段，组件按需导入 #

把同一业务领域的组件翻译放在单独文件（比如order-translations.en.json、product-translations.en.json），封装翻译注册函数后，在组件的providers中按需引入：

// 封装翻译注册函数
export function provideOrderTranslations() {
  return TranslateModule.forRoot({
    loader: {
      provide: TranslateLoader,
      useFactory: (http: HttpClient) => 
        new TranslateHttpLoader(http, './assets/i18n/orders/', '.json'),
      deps: [HttpClient]
    }
  }).providers;
}

// 独立组件中使用
@Component({
  selector: 'app-order-list',
  standalone: true,
  imports: [TranslateModule],
  providers: [provideOrderTranslations()],
  template: `{{ "order.number" | translate }}`
})
export class OrderListComponent {}

只有组件被实际使用时，对应的翻译文件才会被打包，彻底避免未用模块带来的冗余。

2. 结合路由懒加载实现翻译懒加载 #

利用翻译库的懒加载能力，在路由配置中绑定组件与对应翻译文件，进入路由时才加载翻译：

const routes: Routes = [
  {
    path: 'orders',
    loadComponent: () => import('./order/order.component').then(m => m.OrderComponent),
    resolve: {
      translations: () => {
        const translateService = inject(TranslateService);
        // 加载对应翻译文件
        return translateService.getTranslation('orders');
      }
    }
  }
];

这种方式将翻译加载与组件路由绑定，完全按需加载，适合页面级组件场景。

3. 共享翻译配置的模块化封装 #

对于跨组件复用的通用翻译（比如按钮文本、提示语），创建仅提供翻译配置的模块，通过importProvidersFrom在独立组件中导入：

// 共享翻译模块（无组件声明，仅提供配置）
@NgModule({
  providers: [
    {
      provide: TranslateLoader,
      useFactory: (http: HttpClient) => 
        new TranslateHttpLoader(http, './assets/i18n/shared/', '.json'),
      deps: [HttpClient]
    }
  ]
})
export class SharedTranslationsModule {}

// 独立组件中导入共享配置
@Component({
  selector: 'app-base-button',
  standalone: true,
  imports: [TranslateModule],
  providers: [importProvidersFrom(SharedTranslationsModule)],
  template: `<button>{{ "shared.confirm" | translate }}</button>`
})
export class BaseButtonComponent {}

通用翻译只需维护一次，多个组件可复用，避免重复配置。

4. 构建阶段自动合并翻译（进阶方案） #

通过Webpack、Vite等构建工具的自定义插件，扫描代码中用到的翻译key，自动从拆分的翻译片段中提取对应内容，合并成最终的应用语言包。这种方式无需手动维护组件与翻译的关联，同时保证打包的翻译文件无冗余。

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