Как реализовать ленивую загрузку компонентов в Angular 2?

Question

[Вячеслав]

Как реализовать ленивую загрузку компонентов в Angular 2 (конкретно - в версии RC)?

Answer 1

[Kano]

Т.к. на данный момент создание компонента из строки еще не реализовано

function resolveComponent(resolver, snapshot) {
        // TODO: vsavkin change to typeof snapshot.component === 'string' in beta2
        if (snapshot.component && snapshot._routeConfig) {
            return resolver.resolveComponent(snapshot.component);
        }
        else {
            return Promise.resolve(null);
        }
    }

RuntimeCompiler.prototype.resolveComponent = function (component) {
            if (isString(component)) {
                return PromiseWrapper.reject(new BaseException$1("Cannot resolve component using '" + component + "'."), null);
            }
            return this.compileComponentAsync(component);
        };

Поэтому есть только одна возможность ленивой загрузки - это использовать @angular/router-deprecated вместо @angular/router
И использовать например такой подход www.syntaxsuccess.com/viewarticle/lazy-loading-in-...

Answer 2

[Роман]

WebPack позволяет делать подгрузку по требованию

require.ensure(['jquery'], function(require) {
  require("jquery");
});

Comments

[Вячеслав]

Спасибо за ответ, почитаю что-нибудь на эту тему

Answer 3

[ITZver]

Вот на блоге своем давно писал про это. Webpack и LazyLoad модули Angular