如何向用角CLI创建的角2项目中添加Web动画API多边形填充

Question

角2动画文档是指不支持本机浏览器的Web动画API填充。

适当的方法是什么来将这个填充添加到用角CLI创建的角2项目中？

(我使用的是角-cli: 1.0.0-beta.10)

幸运的是，我尝试了这里提到的想法和解决方案：

• https://github.com/angular/angular-cli/issues/949
• https://github.com/angular/angular-cli/issues/1015
• https://github.com/angular/angular-cli/issues/718#issuecomment-225493863

我通过NPM下载了它，并添加到system-config.ts中。我相信这是按照推荐的方式进行的，但是多边形填充没有加载(我可以判断，因为动画在Safari中不起作用)。

我只有通过在index.html中包含多填充才能做到这一点，我知道这不是正确的方法：

  <script src="https://rawgit.com/web-animations/web-animations-js/master/web-animations.min.js"></script>

我将在这里添加可能有助于澄清我的问题的任何细节，但如果您需要查看代码，我将在Github上找到它：

https://github.com/cmermingas/connect-four

提前感谢！

Answer 1

角6注-不再需要聚脂填充:-)

动画性能改进 我们已经更新了动画的实现，使之不再需要网络动画的填充。这意味着您可以从您的应用程序中删除这个多边形填充，并节省大约47 at的包大小，同时提高Safari中的动画性能。

:-)

https://blog.angular.io/version-6-of-angular-now-available-cc56b0efa7a4

Answer 2

用新的Webpack版的角CLI添加多边形填充更容易：

1. 用npm install web-animations-js --save安装
2. 添加到polyfills.ts：require('web-animations-js/web-animations.min');

如果我做了import 'web-animations-js/web-animations.min';，它也会起作用

Answer 3

在角4中，只需遵循以下步骤：

1. 添加web动画-js作为依赖项： npm安装web动画js
2. 并在polyfils.ts中取消以下行的注释 导入‘web-动画-js’；//运行npm install --save web-animations-js。