【专业提示】如何分析你的 Angular 包
又到了Angular知识速成时间!💊 学习新知识只需10秒钟🔥 就像每天早上吃维生素一样😃
假设您正在构建一个包含三个模块的应用程序:
- 主模块,
- 记录模块(延迟加载功能模块),
- 设置模块(延迟加载功能模块)。
现在,您肯定想知道这些模块对整个应用程序的大小贡献了多少!使用 webpack-bundle-analyzer 可以轻松实现!请查看以下如何分析您的应用程序包。
这将为您提供应用程序的非常详细的概览。您可以查看最终 JavaScript 包的大小以及它们之间的相互关系!下面的彩色图表就是这样构建的:矩形越大,代表该包的大小越大!
如果您想直接在邮箱中接收这类知识小贴士,请访问angular-academy.com/blog/订阅。我会定期发送!记住,学习新知识只需10秒钟!😃
另外,如果您能转发这条知识点,我将不胜感激!
帮助其他人发现这些知识!


