Question

如何在Angular 2 cli项目中添加polyfill的代码？

例如，我想使用Mozilla MDN中的以下polyfill：

if (!Array.prototype.includes) {
  Object.defineProperty(Array.prototype, 'includes', {
    value: function(searchElement, fromIndex) {
      if (this == null) { throw new TypeError('"this" is null or not defined'); }
      var o = Object(this);
      var len = o.length >>> 0;
      if (len === 0) { return false; }
      var n = fromIndex | 0;
      var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
      while (k < len) {
        if (o[k] === searchElement) { return true; }
        k++;
      }
      return false;
    }
  });
}

我找到了另一个通过npm（How to add Web Animations API polyfill to an Angular 2 project created with Angular CLI ）安装polyfill的线程。但如果没有npm包怎么办呢？

Answer 1

请注意，对于您的个人情况（使用角度2，core-js通常包含在大多数初学者包中）。所以你只需要将它添加到polyfills.ts：

import "core-js/es7";

但是，如果您有兴趣在打字稿中声明自定义polyfill，可以查看this question。您只需要require("your-custom-polyfill.js")中的polyfills.ts即可。

在Angular 2中添加polyfill代码

1 个答案: