Я пытаюсь загружать некоторые модули только при посещении страницы, потому что мой основной файл. js слишком большой (3,4 МБ).
Я использую AngularJs 1.6 (машинопись ), webpack, ui-router и oclazyload.
oclazyload работает для меня, когда я использую его для js библиотек:
resolve: {
deps: ['$ocLazyLoad',
function( $ocLazyLoad ){
return $ocLazyLoad.load([ './ckeditor/ckeditor.js']).then(function(){
$ocLazyLoad.load(['./ckeditor/config.js', './ckeditor/styles.js'])
});
}]
},
, но не работает, когда я использую его для файлов module.ts:
resolve: {
deps: ['$ocLazyLoad',
function( $ocLazyLoad, $state ){
(async () => {
await import('../dashboard/lcses/lcses.module').then((promise)=>{
$ocLazyLoad.inject([promise.LcsesModule]);
});
})();
return;
}]
},
этот код выполняется, но основной файл. js по-прежнему составляет 3,4 МБ, и он не внедряет этот модуль при первом посещении.