Как разделить файл angularJs gulp minified bundle.js и загрузить специфичный для модуля - PullRequest
Новая
       41

Как разделить файл angularJs gulp minified bundle.js и загрузить специфичный для модуля

0 голосов
/ 27 октября 2019

У меня есть 3 модуля, скажем, Login, Customer и Product в AngularJs и проекте es5. Я минимизировал все 3 модуля JS-файла в один файл bundle.js с минимизацией gulp. Теперь проблема в том, что при загрузке страницы загружается файл с большим размером файла bundle.js.

Можно ли как-нибудь разделить мой файл bundle.js с определенным модулем, таким как login-bundle.js, customer-bundle.js, product-bundle.js, и загружать только этот конкретный файл пакета только тогда, когда ядоступ к этому модулю?

Поскольку это проект обслуживания, я не могу изменить angularJs, es5 и gulp.

Я загружаю свой файл bundle.js в индекс. HTML, как показано ниже .. 

    function createScript(name, par, hasDependencies, dependencyFunc) {
    name += par;

    var scriptElement = document.createElement('script');
    scriptElement.src = name;
    if (hasDependencies) {
        scriptElement.onload = dependencyFunc;
    }
    document.getElementsByTagName('head')[0].appendChild(scriptElement);
}

createScript("bower_components/angular.min.js", Param, true, function() {
    createScript("app.min.js", Param, true, function() {
        createScript("bundle.js", Param);
    });
});

Любая помощь, пожалуйста?

...