В чем разница между Angular 8 импорта и предыдущего импорта

Question

С помощью Angular 8 мы можем импортировать модули следующим образом:

const routes: Routes = [
    { path: 'customer-list',
      loadChildren: () => import('./customers/customers.module').then(m => m.CustomersModule) },
    { path: 'order-list',
      loadChildren: () => import('./orders/orders.module').then(m => m.OrdersModule) }
    ];

А с предыдущей версией Angular мы можем сделать это так:

const routes: Routes = [
    { path: 'customer-list',
      loadChildren: './customers/customers.module#CustomersModule'},
    { path: 'order-list',
      loadChildren: './orders/orders.module#OrdersModule'}
    ];

Какова точная разница между загрузкой дочерних элементов при импорте и загрузкой дочерних элементов без импорта?

Answer 1

Новый стандартный синтаксис импорта Dynami c вместо пользовательской строки будет лучше жаловаться в случае отсутствия или ошибки в написании. Таким образом, это изменение синтаксиса позаботится о вас, если вы используете команду ng upgrade для обновления своего приложения. Проверьте это сообщение: https://blog.mgechev.com/2019/05/11/dynamic-imports-javascript/

Answer 2

С angular Deprecated APIs: "Когда Angular впервые представил ленивые маршруты, в браузере не было поддержки динамической загрузки дополнительных JavaScript. Angular создал нашу собственную схему с использованием синтаксиса loadChildren: './ lazy / lazy.module # LazyModule 'и встроенный инструментарий для его поддержки. Теперь, когда импорт ECMAScript Dynami c поддерживается во многих браузерах, Angular движется к этому новому синтаксису. "