Angular 入门教程系列：40：使用webpack-bundle-analyzer对构建结果进行分析_webpack-bundle-analyzer怎么用

webpack-bundle-analyzer是一个npm的package，可以用于构建结果的分析。在实际的使用中，由于Angular页面的特点，项目稍大一些之后，即使使用了prod等选项进行优化，也往往编译后会有数M之大。这时使用webpack-bundle-analyzer即可对结果进行分析，可以通过webpack-bundle-analyzer生成的分析结果对各个组成部分的大小进行非常方便的确认。

webpack-bundle-analyzer

• URL链接：https://www.npmjs.com/package/webpack-bundle-analyzer

使用方法

步骤1: 安装webpack-bundle-analyzer

安装方法：npm install -g webpack-bundle-analyzer

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

以下对ng-alain的demo应用进行结果分析，使用ng-alain的方法可参看：

• https://liumiaocn.blog.csdn.n