Упаковка библиотеки Angular с поддержкой i18n

Когда вы создаете файл перевода для основного приложения с помощью CLI (с ng xi18n), элементы с атрибутом i18n в библиотеке импортируются в файл перевода. Затем вы можете определить переводы в основном приложении.

Это можно сделать двумя способами: статически предоставить ресурсы и объединить их во время сборки или настроить путь трансляции во время выполнения.

1. Чтобы статически включать файлы во время сборки, вы просто используете setTranslations в коде, как указано в https://github.com/ngx-translate/core документы. Затем вы можете просто связать свои переводы с кодом.

2. Лучше было бы дать потребителю знать, что использовать. Чтобы правильно указать путь к файлам перевода (при стандартной структуре, где каждый перевод находится в отдельном файле, содержащем язык в имени), вы можете сделать следующее:

   interface TranslationsConfig {
     prefix: string;
     suffix: string;
   }
   
   export const TRANSLATIONS_CONFIG = new InjectionToken('TRANSLATIONS_CONFIG');
   
   @NgModule({
     declarations: [],
     imports: [
       NgxTranslateModule,
     ],
     exports: [
       NgxTranslateModule,
     ]
   })
   export class TranslateModule {
     public static forRoot(config: TranslationsConfig): ModuleWithProviders {
       return {
         ngModule: TranslateModule,
         providers: [
           {
             provide: TRANSLATIONS_CONFIG,
             useValue: config
           },
           ...NgxTranslateModule.forRoot({
             loader: {
               provide: TranslateLoader,
               useFactory: HttpLoaderFactory,
               deps: [HttpClient, TRANSLATIONS_CONFIG]
           }
         }).providers
       ],
     };
   }
   

   }

Этот код гарантирует, что при создании библиотеки AOT сможет разрешать типы (отсюда InjectionToken и т. д.) и позволяет создавать пользовательский загрузчик переводов.

Теперь только вам решать реализовать фабрику или класс загрузчика, который будет использовать конфиг! Это мое (я использую PO для своих переводов):

export function HttpLoaderFactory(http: HttpClient, config: TranslationsConfig) {
  return new TranslatePoHttpLoader(http, config.prefix, config.suffix);
}

Не забудьте экспортировать каждый класс и функцию, которые вы используете в модуле, поскольку это необходимо для AOT (а библиотеки создаются с помощью AOT по умолчанию).

Чтобы использовать все это решение, где бы вы ни использовали основной библиотечный модуль или этот модуль перевода, вы можете просто вызвать TranslateModule.forRoot(/* Your config here */). Если это не основной экспортируемый модуль, подробнее об использовании иерархических модулей с forRoot здесь:

Как использовать .forRoot() в иерархии функциональных модулей