Angular HMR) 関数の実装方法

export const environment = {
 production: false,
 hmr: true
};

"environments": {
 ...
 "hmr": "environments/environment.hmr.ts",
}

"scripts": {
 ...
 "hmr": "ng serve --hmr -e=hmr"
}

npm install --save-dev @angularclass/hmr

import { NgModuleRef, ApplicationRef } from '@angular/core';
import { createNewHosts } from '@angularclass/hmr';
export const hmrBootstrap = (module: any, bootstrap: () => Promise<NgModuleRef<any>>) => {
 let ngModule: NgModuleRef<any>;
 module.hot.accept();
 bootstrap().then(currentModule => ngModule = currentModule);
 module.hot.dispose(() => {
  const appRef: ApplicationRef = ngModule.injector.get(ApplicationRef);
  const elements = appRef.components.map(c => c.location.nativeElement);
  const removeOldHosts = createNewHosts(elements);
  ngModule.destroy();
  removeOldHosts();
 });
};