Angular 6. Instruction for HMR installation

Angular 6 HMR

`npm install --save-dev @angularclass/hmr`


`src/environments/environment.prod.ts`  
Add rule: `hmr: false`


`src/environments/environment.ts`  
Add rule: `hmr: true`


`package.json`  
Add flag to serve mode `--hmr`


Make setup by documentation: src/hmr.ts, src/main.ts
```
import { NgModuleRef, ApplicationRef } from '@angular/core';
import { createNewHosts } from '@angularclass/hmr';


export const hmrBootstrap = (module: any, bootstrap: () => Promise<void|NgModuleRef<any>>) => {
  let ngModule: NgModuleRef<any>;

  if (module && module.hot) {
    module.hot.accept();

    bootstrap().then(mod => {
      if (mod) {
        ngModule = mod;
      }
    });

    module.hot.dispose(() => {
      const appRef: ApplicationRef = ngModule.injector.get(ApplicationRef);
      const elements = appRef.components.map(c => c.location.nativeElement);
      const makeVisible = createNewHosts(elements);
      ngModule.destroy();
      makeVisible();
    });
  }
};
```


`/src/tsconfig.app`
compilerOptions -> types -> add `"node"`