Angular 网页包是否识别2个加载子项并拆分为块？_Angular_Webpack_Webpack 2

Angular 网页包是否识别2个加载子项并拆分为块？

angular webpack

Angular 网页包是否识别2个加载子项并拆分为块？,angular,webpack,webpack-2,Angular,Webpack,Webpack 2,我在一篇博客文章中看到，由于加载子项的设置方式，webpack显然拆分了代码，这很酷 const appRoutes: Routes = [ { path: 'dynamic', loadChildren: () => { return System.import('./dynamic.module').then((comp: any) => { return comp.default; }); } }, {

我在一篇博客文章中看到，由于加载子项的设置方式，webpack显然拆分了代码，这很酷

const appRoutes: Routes = [
  {
    path: 'dynamic',
    loadChildren: () => {
      return System.import('./dynamic.module').then((comp: any) => {
        return comp.default;
      });
    }
  },
  {
    path: '',
    component: InlineComponent
  }
];

[

我想知道的是，如何使用下面的预加载策略完成同样的事情

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
    { path: 'dist', redirectTo: '/landing'},
    { path: '', redirectTo: '/landing', pathMatch: 'full'},
    { path: 'login', loadChildren: './login/login.module#LoginModule'},
];

@NgModule({
    imports: [
        RouterModule.forRoot(routes, {preloadingStrategy: PreloadAllModules}) 
    ],
    exports: [
        RouterModule
    ]
})