angular应用打包后查看类库体积

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了angular应用打包后查看类库体积相关的知识，希望对你有一定的参考价值。

在打包angular应用后，发现体积较大，但是又不知道是哪个类库导致的。本文介绍一种简单有效的方式，让你一目了然的看到各类库文件在打包文件中的体积。

首先，安装webpack的一个工具：

 
   
   
 
  
    
    
  npm install webpack-bundle-analyzer --save-dev

配置package.json 脚本, 假设你的打包目录是 dist ，生成的 stats.json 会放置在打包目录下。

 
   
   
 
  
    
    
  "scripts":{
  
    
    
      "size":"webpack-bundle-analyzer dist/stats.json"
  
    
    
  }

打包项目

 
   
   
 
  
    
    
  ng build --prod --stats-json

查看效果

 
   
   
 
  
    
    
  npm run size

以上是关于angular应用打包后查看类库体积的主要内容，如果未能解决你的问题，请参考以下文章