Angular2-hot-loader NPM

Note that the project is in very early stage of development. It is still not ready for usage but you can give it a try and share your feedback.

Angular2 Hot Loader

Hot loader for Angular 2, inspired by react-hot-loader.

npm install angular2-hot-loader

You can start the hot loader server by:

import * as ng2HotLoader from 'angular2-hot-loader';

ng2hotloader.listen({
  port: 4412,
  projectRoot: __dirname
});

Somewhere inside of your templates add:

System.import('//localhost:4412/ng2-hot-loader')
  .then(module => {
    module.ng2HotLoaderBootstrap(AppCmp, [PROVIDERS]);
  });

Now you can watch your file system with any module you feel comfortable with. Once you detect a change in the target files use:

ng2HotLoader.onChange([fileName]);

Now on each edit the changes should be pushed to the client.

Update the component's inline templates
Update the component's external templates
Update the component's altered methods
Update the component's removed methods
Allow definition of new components
Update the component's metadata
Update the component's constructor on change
- For components declared in the directives array
- For components declared in the @RouteConfig definition
Preserve the state of the components (i.e. the values of the bindings)
Preserve the instantiated tokens in the element injectors