托管具有差异加载的 Angular 应用程序时，如何决定可以使用 HTTP 2 服务器推送推送哪些文件？

Question

我有一个 Angular 8 应用程序，它默认为每个包生成 2 个 js 文件，ES5 和 ES6 版本。 我想利用 HTTP 推送，但我不知道要推送哪个版本。

是否有可能以某种方式从请求中找出我应该推送哪些包。

从这里看来，为除 IE 之外的所有浏览器推送 ES6 版本似乎是一个安全的选择。 有没有更好的逻辑？ 如何检测IE是否在使用中？

编辑：

我完全理解 Angular 差异加载是如何工作的，问题是它由浏览器通过决定从提供的版本中获取哪些资源来控制。 现在使用 HTTP 服务器推送，必须决定将哪些资源与index.html一起推送到客户端，即在浏览器解析文件并选择js文件版本之前。 更多关于服务器推送（通过 Nginx）。

因此，如果我推送一个以后不会使用的版本，那么我最终会通过让浏览器下载两个版本来增加加载时间，而不是缩短加载时间。

Answer 1

为此，您可以启用 angular 的差异加载功能。 这将允许您在 ES5 和 ES6 中生成 dist 代码。 如果某些旧版浏览器不支持 ES6，则将通过这种方式加载 ES5 代码。 欲了解更多信息，请到这里

我希望这可以帮助你。 如果您有任何其他问题，请告诉我。

Answer 2

• Angular CLI 从 browserslist 配置了解浏览器支持范围。
• 如果应用程序需要支持 ES5 浏览器并且 TypeScript 目标高于 es5，CLI 会自动制作额外的包以实现兼容性。
• browserslist 是唯一的真实来源，因此 es5BrowserSupport 将被弃用。

“差异加载”，它让我们从考虑应用程序的浏览器兼容性中解脱出来。