在 package.json 文件里定义如下脚本执行:
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5SOkRzYwQmZjBTO1YjNzgjYjRWN0QzN3MWOyYGOhhjZ08CX5d2bs92Yl1iclB3bsVmdlR2LcNWaw9CXt92Yu4GZjlGbh5yYjV3Lc9CX6MHc0RHaiojIsJye.png)
上面的脚本,首先执行 yarn build.
这个 build 的目标是 storefrontapp 应用。但是在此之前,需要先构建所有的 libs,包含 feature libs 和 integration libs.
这个命令执行完之后,在 dist/storefrontapp 文件夹下面,会生成一个巨大的 stats.json 文件,包含了统计结果。
然后执行 npx 命令,使用 webpack-bundle-analyzer 显示出结果。文件尺寸越大的 bundle 文件,在显示结果里的图标也越大: