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