用webpack懶惰加載angular2

Question

我正在使用angular2完整版，我試圖實現延遲加載。我的主要路由如下

export const ROUTES: Routes = [ 
    { path: 'login', component: LoginPage }, 
    { path: 'reset-password', component: Myaccount }, 
    { 
     path: '', 
     redirectTo: 'app', 
     pathMatch: 'full' 
    }, 
    ...ROUTES_APP, 
    { path: "sub", loadChildren: "es6-promise?,[name]!./app/sub/sub.module#SubModule" }, 
]; 

我的子路由如下

import { Routes, RouterModule } from "@angular/router"; 
import { SubAppComponent } from "./sub-app.component"; 
import { SubHomeComponent } from "./sub-home.component"; 

export const subRoutes: Routes = [ 
    { 
    path: "", 
    component: SubAppComponent, 
    children: [ 
     { path: "", component: SubHomeComponent } 
    ] 
    }, 
]; 

export const subRouting = RouterModule.forChild(subRoutes); 

我的子模塊如下

import { NgModule } from "@angular/core"; 
import { subRouting } from "./sub.routing"; 
import { SubAppComponent } from "./sub-app.component"; 
import { SubHomeComponent } from "./sub-home.component"; 

@NgModule({ 
    imports: [ 
    subRouting, 
    ], 
    declarations: [ 
    SubAppComponent, 
    SubHomeComponent, 
    ], 
}) 
export class SubModule { 
} 

而導航到子我收到錯誤 但我越來越低於錯誤

core.umd.js：3462 EXCEPTION：Uncaught（in pro瀨）：類型錯誤：System.import不是一個函數

請幫我在這/讓我知道如何使用的WebPack

Answer 1

我上面已經解決了處理延遲加載使用要求

{ path: "sub", loadChildren:() => require("es6-promise!./app/sub/sub.module")("SubModule") } 

Answer 2

嘗試角路由器裝載機

按照以下步驟..

npm install angular-router-loader --save-dev 

在路線爲懶加載

import { Routes } from '@angular/router'; 

export const routes: Routes = [ 
    { path: 'lazy', loadChildren: './lazy.module#LazyModule' } 
]; 

爲同步加載

import { Routes } from '@angular/router'; 

export const routes: Routes = [ 
    { path: 'lazy', loadChildren: './lazy.module#LazyModule?sync=true' } 
]; 

在webpack.config.js

test: /\.ts$/, 
    loaders: [ 
     'awesome-typescript-loader', 
     'angular-router-loader' 
    ] 
    }