Angular Version:2.4.10 Angular Cli版本:1.0.0-rc.4 使用的构建命令:ng build --aot(no --prod所以我可以使用source-map-explorer)
我不确定我是否理解构建过程如何组织模块,我必须在某处犯错。 我正在尝试调试已构建项目的巨大规模,看看我是否可以为其带来任何改进。 我有一个通用模块,可以在整个应用程序中导入和导出常用模块。公共模块在所有子模块中导入。如果我只在应用程序级别导入它,应用程序的其余部分似乎找不到导入的模块。
我安装了source-map-explorer来检查bundle和chunk。 所有延迟加载的模块似乎都包含@angular包和一些UI组件模块。难道他们只能被安置在应用程序级别的某个地方,然后再参加?这为每个模块增加了1MB。
该应用程序是一个巨大的形式,因此我创建了一个模块,其中包含所使用的字段集,以便在需要时重复使用。构建后的fieldsets模块为8 mb,而如果我右键单击并在未构建的文件夹上选择属性仅为1.44 mb。
构建生成的ngFactory似乎比实际文件大小大得多。那是为什么?
一个着陆页组件,它将用户重定向到应用程序的不同部分,并且只有十几个字段,一些文本在磁盘上为18 kb,在构建之后,source-map-explorer向我显示了landing-page.component.ngfactory。 ts是600 kb。
运行 - 沿着ng build构建 - 通过删除地图确实有帮助,并且捆绑包较小,但我仍然发现整体尺寸太大。
除了可以减小尺寸的ng build --aot --prod之外,我能做些什么吗?
如果我要添加一些特定的代码或信息,请告诉我。