在 package.json 文件里定义如下脚本执行：
"build:analyze": "yarn build --stats-json && npx --yes webpack-bundle-analyzer dist/storefrontapp/stats.json",
上面的脚本，首先执行 yarn build.
这个 build 的目标是 storefrontapp 应用。但是在此之前，需要先构建所有的 libs，包含 feature libs 和 integration libs.
这个命令执行完之后，在 dist/storefrontapp 文件夹下面，会生成一个巨大的 stats.json 文件，包含了统计结果。
然后执行 npx 命令，使用 webpack-bundle-analyzer 显示出结果。文件尺寸越大的 bundle 文件，在显示结果里的图标也越大：
更多Jerry的原创文章，尽在："汪子熙":
在 package.json 文件里定义如下脚本执行： 上面的脚本，首先执行 yarn build. 这个 bui...
目标 从头构建一个 Angular 8 应用。 通过构建这个简单的计算器应用来体验 Angular 8。 前提 已...
仿制Reddit网站 读完本章之后， 你将掌握如何构建基本的Angular应用。 简单的应用将涵盖Angular中...
Angular 有什么特点 基于 Angular 我们可以构建适用于所有平台的应用。比如：Web 应用、移动 We...
一、你是怎么理解angular的？ angular是为了客服HTML在构建应用上的不足而设计的 angular是一...
Framework Angular Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angul...
Angular 简介 Angular 是一个用 HTML 和 TypeScript 构建客户端应用的平台与框架。 ...
Angular 的程序架构 angular的基本架构组件：是angular应用的基本构建块是一段带有业务逻辑和数据...
显示数据 在 Angular 中最典型的数据显示方式，就是把 HTML 模板中的控件绑定到 Angular 组件的...
核心知识Angular 是一个用 HTML 和 TypeScript 构建客户端应用的平台与框架，Angular ...
本文标题：如何以可视化方式显示 Angular 应用构建后的 bundle
本文链接：https://www.haomeiwen.com/subject/emrjtrtx.html
网友评论