angular 的哪些包出现在最终版本中

Which packages of angular are present in the final build

我想知道是否有工具可以跟踪 angular 项目的最终构建中存在的包。

例如: 我有一个包 "@angular/compiler",它是 package.json 的依赖项,但不是开发依赖项。

如 angular 文档中所述,https://angular.io/guide/aot-compiler#ahead-of-time-aot-compilation 使用 AOT 编译器 代码已经编译,这与 JIT 编译器不同。在我的理解中,如果为最终构建设置了标志 AOT,则意味着最终构建不需要 @angular/compiler 作为依赖项。

我的推理是否正确?

您可以使用名为 webpack-bundle-analyzer.

的工具准确查看生产包中的最终内容
  1. 使用 --stats-json 标志构建您的 Angular 项目:ng build --prod --stats-json
  2. 运行 npx webpack-bundle-analyzer dist/{your-project-name}/stats.json 这将打开一个浏览器 window,其中的交互式图表显示包含的依赖项(您甚至可以搜索特定模块)。