Angular 入门教程系列：40 通过Webpack-Bundle-Analyzer分析构建结果

webpack-bundle-analyzer是一款来自npm的软件包，主要用于分析构建后的输出结果。在实际应用过程中，由于Angular页面自身的特性，当项目规模逐渐增大时，即便启用了prod等优化选项，编译后的文件体积仍可能达到数M级别。此时借助webpack-bundle-analyzer工具，可以对构建结果进行详细分析，并通过其生成的报告，便捷地识别出各个模块所占用的空间大小。

webpack-bundle-analyzer工具应用

• 网络资源地址：https://www.npmjs.com/package/webpack-bundle-analyzer

使用方法概述

步骤1: 安装webpack-bundle-analyzer

安装方式：通过执行命令 npm install -g webpack-bundle-analyzer 即可完成全局安装。

步骤2: 构建打包并生成json文件

以下将对ng-alain的示例应用进行结果分析，关于ng-alain的实现方式可参考：

通过执行以下命令，可对上述应