TypeScript angular2-hmr.hotModuleReplacement函數代碼示例

export function enableHotModuleReload<T>(bootloader: () => Promise<ComponentRef<T>>, module: any) {

    if ('development' === ENV && HMR === true) {
        // activate hot module reload
        let ngHmr: HotModuleReplacer = require('angular2-hmr');
        ngHmr.hotModuleReplacement(bootloader, module);
    } else {
        // bootstrap when document is ready
        document.addEventListener('DOMContentLoaded', () => bootloader());
    }
}

export function main(initialState = {}) {
  let APP_PROVIDERS = [
    provideInitialState(initialState),
    AppState
  ];

  return bootstrap(AppComponent , [
    ...ENV_PROVIDERS,
    ...PROVIDERS,
    ...DIRECTIVES,
    ...PIPES,
    ...APP_PROVIDERS
  ])
  .catch(err => console.error(err));
}

/*
 * Vendors
 * For vendors for example jQuery, Lodash, angular2-jwt just import them anywhere in your app
 * You can also import them in vendors to ensure that they are bundled in one file
 * Also see custom-typings.d.ts as you also need to do `typings install x` where `x` is your module
 */

if ('development' === ENV && HMR === true) {
  // activate hot module reload
  hotModuleReplacement(main, module);
} else {
  // bootstrap when documetn is ready
  document.addEventListener('DOMContentLoaded', () => main());
}

import { App } from "./AppComponent";
import { routes } from "./routes/routes";
/*
import { HTTP_PROVIDERS } from "@angular/http";
*/
import { NgRedux } from  'ng2-redux';
import { enableProdMode } from '@angular/core';
import { provideRouter, RouterConfig } from '@angular/router';


if (process.env.ENV === 'production') {
    enableProdMode();
}

const bootstrapApp = (initialHMRstate?: any): Promise<any> => {
    return bootstrap(App,
        [
            /*HTTP_PROVIDERS,
             ROUTER_PROVIDERS,*/
            /*NgRedux*/
            provideRouter(routes)
        ]
    );
};

if (process.env.ENV === 'development') {
    let ngHmr = require('angular2-hmr');
    ngHmr.hotModuleReplacement(bootstrapApp, module);
} else {
    document.addEventListener('DOMContentLoaded', () => bootstrapApp());
}

import {LocationStrategy, HashLocationStrategy} from '@angular/common';
import {bootstrap} from '@angular/platform-browser-dynamic';
import {HTTP_PROVIDERS} from '@angular/http';
import {App} from './app/app';

// import {enableProdMode} from '@angular/core';
// enableProdMode()

function main(initialHmrState?: any): Promise<any> {
  return bootstrap(App, [
    HTTP_PROVIDERS,
    { provide: LocationStrategy, useClass: HashLocationStrategy }
  ])
    .catch(err => console.error(err));
}

export let isDevelopmentMode = true;

if (isDevelopmentMode) {
  // activate hot module reload
  let ngHmr = require('angular2-hmr');
  ngHmr.hotModuleReplacement(main, module); // pass the main function
} else {
  // bootstrap when document is ready
  document.addEventListener('DOMContentLoaded', () => main());
}

import * as browser from 'angular2/platform/browser';
import {AppComponent} from './app/app';
import {HTTP_PROVIDERS} from 'angular2/http';

export function boot(){
	return browser.bootstrap(AppComponent, [HTTP_PROVIDERS]);
}

// Activate hot module reload

let ngHmr = require('angular2-hmr');
ngHmr.hotModuleReplacement(boot, module);