Какой пакет babel- * следует включить в веб-пакет для поддержки IE11?

Question

Я хочу поддерживать IE11 (например, NodeList.forEach) в моем проекте с использованием babel внутри веб-пакета, но я не могу выбрать правильный пакет babel.

В настоящее время используются следующие пакеты:

"@babel/core": "^7.6.4",
"@babel/preset-env": "^7.6.3",
"babel-loader": "^8.0.6",
"webpack": "^4.41.1",
"webpack-cli": "^3.3.9"

Возможные варианты:

• Пакеты core-js/stable и regenerator-runtime/runtime (как предложено на странице @babel/polyfill)

• @babel/plugin-transform-runtime

• @babel/plugin-transform-regenerator

• @babel/runtime

мой текущий webpack.config

             options: {
                compact: false, 
                presets:
                  [["@babel/env", {//env preset
                    "targets": {
                      "browsers": ["last 2 Chrome versions", "last 2 Firefox versions", "Explorer >= 11"]
                    }
                  }]]
              }

Может кто-нибудь объяснить, что делает каждый из этих пакетов и какой пакет/ конфигурацию я должен включить, чтобы IE11 мог поддерживать NodeList.forEach.

Answer 1

core-js (установлен @babel/polyfill) реализует NodeList.prototype.forEach() как полифилл. См. эту проблему .

Так что, если вы импортируете core-js/stable, как предложено в Вавилонской документации , NodeList.prototype.forEach() будет реализовано, если она еще не существует.

import "core-js/stable";