我应该在 webpack 中包含哪个 babel-* 包来支持 IE11

Question

我想在我的项目中使用 webpack 中的 babel 来支持 IE11（例如 NodeList.forEach ），但我发现选择正确的 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() 实现为polyfill。见this issue。

因此，如果您按照Babel documentation 中的建议导入core-js/stable，如果NodeList.prototype.forEach() 尚不存在，则会实施它。

import "core-js/stable";