如何为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，但不幸的是，core-js为其所有polyfill所依赖的@babel/preset-env并未进行Element.closest()的所有浏览器API的polyfill。仅填充JavaScript。

浏览器/ Web API与Jav​​aScript之间的区别非常细微-它包括您可以从节点/元素访问的所有内容以及此处列出的任何Web APIs

如果要填充Element.closest，则必须单独包含polyfill-element-closest似乎很受欢迎！