main.ts

import './polyfills.ts';

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { environment } from './environments/environment';
import { AppModule } from './app/app.module';
import {hmrBootstrap} from './hmr';

if (environment.production) {
  enableProdMode();
}



const bootstrap = () => {
  return platformBrowserDynamic().bootstrapModule(AppModule);
};


if (environment.hmr) {
  if (module['hot']) {
    console.log('starting with hmr!');
    hmrBootstrap(module, bootstrap);
  } else {
    console.error('HMR is not enabled for webpack-dev-server!');
    console.log('Are you using the --hmr flag for ng serve?');
  }
} else {
  bootstrap();
}