Ng2 load a lazy loaded module on mouseover

Question

Is it anyhow possible to trigger trigger angular 2 router to preload a lazy loaded module on mouseover and route to it on click to make a large app more responsive?

Answer 1

Yes it's possible.

Based on your configuration, if it's webpack or SystemJS, you can load the module beforehand and then do what ever you want to .

This is the proper answer :

How to manually lazy load a module?

if you're using webpack , you need to install bundle-loader , and then you can easily require files!.

So for SystemJS :

this.loader.load('./src/test.module').then((factory: NgModuleFactory<any>) => {
  console.log(factory);
});

And for Webpack

let file = require('./src/test.module');

  console.log(file);

.