Angular2 AoT编译以及Rollup摇树优化

最新版本的angular-cli中已经支持摇树优化，命令:

ng serve –prod –aot
这篇文章已经过时

1.先使用Angular-cli生成一个新的项目

 ng new angular2-aot-rollup-seed

2.创建完成之后，会自动生成一个根模块AppModule，为了说明问题，使用

 ng g module HomeModule
 ng g component HomeComponent

生成一个新的Home模块，并且生成一个新的Home组件

3.配置路由
AppModule中的路由配置如下：

const appRoutes: Routes = [
  { path: 'home',loadChildren:'app/home/home.module#HomeModule' },
];

然后需要在imports中使用 RouterModule.forRoot(appRoutes)导入进来。这里配置了异步加载的方式去加载HomeModule

HomeModule中的路由配置如下：

const homeRoutes: Routes = [
  { path: '',component:HomeComponent },
];

上面都是基础配置，配置完成之后，使用ng serve测试能够正常启动。

---

4.下面开始进行AoT编译部分，先复制tsconfig.json文件，并重命名为tsconfig-aot.json&#