如何获得 10KB 以下的 Angular Hello World 应用程序？答案

【问题标题】：How to get an Angular Hello World app under 10KB?如何获得 10KB 以下的 Angular Hello World 应用程序？
【发布时间】：2018-08-05 18:12:36
【问题描述】：

查看 Ng Conf 2018 的一些视频（例如：https://youtu.be/dIxknqPOWms?t=2781）和互联网上的其他链接，据说 Hello World Angular 应用程序在版本 6 上的大小低于 10kb。然而，我不能更接近这一点。

我做了以下事情：

使用 Angular cli 创建了一个全新的应用程序（ng new project_name）
清除了整个 app.component.html 文件
从 app.component.ts 中删除了 title 属性
使用 Angular cli 构建它（ng build --prod）

即使使用我理解的最基本的 Angular 应用程序，我仍然得到以下结果（远大于 10KB）：

chunk {0} runtime.a66f828dca56eeb90e02.js (runtime) 1.05 kB [entry] [rendered]
chunk {1} styles.34c57ab7888ec1573f9c.css (styles) 0 bytes [initial] [rendered]
chunk {2} polyfills.2f4a59095805af02bd79.js (polyfills) 59.6 kB [initial] [rendered]
chunk {3} main.d93604449a57684c818d.js (main) 169 kB [initial] [rendered]

我对堆栈溢出、github、博客和 Angular 相关站点进行了大量研究，但找不到任何线索。

我错过了什么？如何获得这个

【问题讨论】：

他们正在使用新的 ivy 渲染器。
它不是这个版本，他们在谈论新的渲染引擎 ivy，它将使其小于 10 kb
最小化js和css
似乎 youtu.be/jnp_ny4SOQE?t=2273
@GCSDC 这里有很多细节。 36kb 没有 zone.js 并且被压缩。他们应该提到

标签： angular angular-cli angular6 angular-cli-v6

【解决方案1】：

您所说的演示是使用 Ivy Renderer。它仍在进行中。您可以按照here中提到的说明启用它进行测试

【讨论】：

我已将 "angularCompilerOptions": { "enableIvy": true } 添加到 ts.config.json 但仍然得到相同的结果和之前运行 ng build --prod 时一样。也不确定是否使用了常春藤。