如何为ie11配置webpack+babel

Question

Babel配置：

"babel": {
"presets": [
[
"@babel/env",
{
"targets": {
"ie": "9"
},
"useBuiltIns": "usage",
"corejs": 3
}
]
]},

节点模块：

"devDependencies": {
"@babel/core": "^7.9",
"@babel/preset-env": "^7.9",
"babel-loader": "^8",
"core-js": "^3",
"regenerator": "^0.14"
"webpack": "^4.40",
"webpack-cli": "^3.3"},

Webpack配置

{
test: /.js$/,
exclude: /node_modules/(?!(dom7|ssr-window|swiper)/).*/,
loader: 'babel-loader'
},

在Internet Explorer 11中，我得到一个错误"对象不支持属性或方法‘最接近’">

Answer 1

您在这里正确配置了webpack和@babel/preset-env，但不幸的是，@babel/preset-env所依赖的core-js并没有像Element.closest()那样多填充任何浏览器API。它只填充JavaScript。

浏览器/Web API和JavaScript之间的区别非常细微——它包括您从节点/元素访问的任何内容，以及此处列出的任何Web API

如果你想polyfillElement.closest，你必须单独包括polyfill——element-closest似乎很受欢迎！