ChildNode.remove() polyfill with babel-polyfill

babel-polyfill, babeljs, javascript, polyfills

Solution

The `babel-polyfill` packages just polyfills javascript objects as far as I know, `Childnode.remove()` is part of the DOM so babel won't do anything with it. I would suggest that you just use the polyfill suggested in the Mozilla documentation.

// from:https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/remove()/remove().md
(function (arr) {
  arr.forEach(function (item) {
    if (item.hasOwnProperty('remove')) {
      return;
    }
    Object.defineProperty(item, 'remove', {
      configurable: true,
      enumerable: true,
      writable: true,
      value: function remove() {
        this.parentNode.removeChild(this);
      }
    });
  });
})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);

Problem

I am using ChildNode.remove() and I described by Mozilla I need a polyfill for IE. I am using webpack with the babel-polyfill configured: ``` "babel-polyfill": "^6.13.0", "webpack": "^2.4.1", ``` webpack.config.babel.js: ``` entry: ['babel-polyfill', join(__dirname, path, "index.web.js") ], ``` My assumption was that babel-polyfill would provide me all the common polyfill I needed - but it is not, I have an error in Internet Explorer 11. Is there another config I missed? Thank you

Original source