Angular2. Как сделать «ленивую загрузку»?

Question

[Malkolm]

При написании мини-приложения из официального tutoriala по Angular2 заметил что при обновлении страницы ангулар загружает сразу всё: все компоненты, сервисы, template'ы, стили и т.д., даже те которые не используются прямо сейчас (есть роутинг). Потому возник вопрос: как бы сделать так называемую "ленивую загрузку", чтобы загружалось то, что используется здесь и сейчас, а, скажем, при переходе на другой роут, подгружались нужные в нем компоненты, стили и т.д.?

Answer 1

[bromzh]

Чтобы такое сделать, понадобится какой-нибудь лоадер модулей, например SystemJS или Webpack. Пример использования вебпака есть тут https://github.com/AngularClass/angular2-webpack-s...

Comments

[Malkolm]

сейчас у меня используется SystemJs , так что поищу информация сначала можно ли им сделать "лениво".
Спасибо

[Ro37A]

А loadChildren в route совсем не то?

Answer 2

[Malkolm]

а еще более точный ответ такой:
При помощи роутера, с использованием
loadChildren: 'path/to/module/'',
а в экспортировать так
export default class Some.Module{...}