如何获得4号角的最小束？

Question

如何获取minifide捆绑包文件

当我构建有角的文件时，我会得到未压缩的文件，如果我想获取已压缩的文件，我该怎么办？

chunk {0} polyfills.95b046c48c8687ee05b2.bundle.js (polyfills) 64.8 kB [initial] [rendered]
chunk {1} main.28b9d0734db4fef006f8.bundle.js (main) 3.44 MB [initial] [rendered]
chunk {2} styles.d41d8cd98f00b204e980.bundle.css (styles) 0 bytes [initial] [rendered]
chunk {3} vendor.cf010a7df6bd1105978d.bundle.js (vendor) 1.59 MB [initial] [rendered]
chunk {4} inline.31e1fb380eb7cf3d75b1.bundle.js (inline) 798 bytes [entry] [rendered]

使用了构建命令

ng build -prod

Answer 1

首先是请打开生成的捆绑包，然后查看它们是否缩小。您不能断定它们没有被缩小，因为它们的名称中没有min。
几乎没有什么可以帮助优化捆绑包大小。

1. 如果错误地包括整个库，请优化捆绑包中的rxjs大小。这始终是一个好习惯，它将减少rxjs依赖性。
   rxjs imports in an optimised manner
   示例：import {Observable} from 'rxjs/Rx'将导入整个rxjs模块，即使您只需要Observable类
   优化的方法是仅导入类：import {Observable} from 'rxjs/Observable'。 注意，上面的示例基于低于6.0.0的rxjs版本。
2. 在生产环境中，您将拥有GZipped文件，与缩小版本相比，它们的大小要小得多。
3. 签出angular aot build，Angular CLI build options。
4. 使用webpack-bundle-analyzer或source-map-explorer分析生成的包。

这些文章可以帮助您进一步探索

• angular-performance-checklist
• optimising-performance-of-your-enterprise-angular-application