ule({declarations:[WelcomeComponent],imports:[RouterModule.forChild(routes),CommonModule]})exportclassWelcomeModule{}就这么简单,在需要使用外部组件的时候完成页面级的lazyLoad,比如tablecomponents,只要在imports中引入即可:import{NzTableModule}from'ng-zorro-antd/table';@NgModule({...imports:[...,NzTableModule]})exportclassWelcomeModule{}题外话:我比较喜欢React的拆分方式。比如在React中使用了table组件。表格组件本身的代码量比较大。如果很多页面使用表格,每个页面都会有表格代码,造成不必要的浪费。所以可以结合import()将table组件拉出来。打包时,表格被浏览器下载为一个单独的js,提供给需要的页面。所有页面都可以共享这个js。但是Angular不能,它不能在模块的导入中import()一个模块。后续以上是对项目代码的合理拆分,后续会对Angular性能进行合理优化,主要从编译模式、变更检测、ngFor、Worker等角度进行。另外我会单独写一篇关于Angular状态管理的文章,敬请期待
