Large-scale use in Angular2

Question

I am currently planning to develop a large-scale application using angular2. My problem now is architecture, I tested a few seeds:

Github seed project

https://github.com/mgechev/angular2-seed

but they are not suitable for my application on a large scale because you are putting something together in a large file (OK, but anyway).

Another point is the necessary es6 gaskets, which are large.

Is there a good technique for loading the necessary components / modules only if the page needs them and only loads es6 gaskets, if the browser (IE) needs them?

Example:

Project example

contains only code for blue socks. I do not want to know, for example, css material for a red sock.

each site should be only 1Mb, it doesn’t matter if my entire application is larger than 1GB

Answer 1

I think this is what you are looking for: http://blog.mgechev.com/2015/09/30/lazy-loading-components-routes-services-router-angular-2