在Angular 7中,可以通过以下几种方式来分割和减小应用程序包大小:
RouterModule
和loadChildren
属性来实现懒加载。示例代码:
const routes: Routes = [
{ path: 'lazy', loadChildren: './lazy.module#LazyModule' }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
@angular/cli
的--prod
标志来启用代码分割。示例代码:
ng build --prod --source-map
@angular-devkit/build-optimizer
来启用Tree Shaking特性。示例代码:
ng build --prod --build-optimizer
以上是几种常见的减小Angular应用程序包大小的方法。通过懒加载模块、代码分割和Tree Shaking,可以显著减少应用程序的初始加载时间和包大小。