angular - 如何将 Web Animations API polyfill 添加到使用 Angular CLI 创建的 Angular 2 项目

Question

Angular 2 animations documentation指的是Web Animations API polyfill适用于不支持 native 浏览器的浏览器。

将此 polyfill 添加到使用 Angular CLI 创建的 Angular 2 项目的正确方法是什么？

(我使用的是 angular-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。我相信这符合推荐的内容，但是 polyfill 没有加载(我可以判断是因为动画在 Safari 中不起作用)。

我只是通过在 index.html 中包含 polyfill 来让它工作，我知道这不是正确的方法:

  <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

使用较新的 Webpack 版本的 Angular CLI 添加 polyfill 更容易:

1. 使用 npm install web-animations-js --save

   安装

2. 添加到 polyfills.ts:require('web-animations-js/web-animations.min');

如果我执行 import 'web-animations-js/web-animations.min';

它也有效