vue组件不在IE中呈现

Question

我创建了Vue.js组件，它们在Edge、Chrome、火狐等浏览器中运行良好，但不能在IE11中渲染。我使用gulp构建项目，使用Babel将es6编译为es5。

.babelrc

{
 "plugins": ["@babel/plugin-syntax-dynamic-import"],
  "presets": [
    ["vue", {"eventModifiers": false}],
    ["@babel/preset-env",{"useBuiltIns": "entry"}]]
}

可能我需要其他的预置？

Answer 1

@babel/present-env预设的工作方式是，您需要定义构建脚本应该支持哪些浏览器。

您可以创建一个浏览器列表，其中包含您想要支持的确切浏览器或浏览器支持百分比- https://babeljs.io/docs/en/babel-preset-env#targets

对于现代浏览器+ IE11 (由于其支持率高于2%)，您可以使用：

{
  "browserslist": [
    "> 2%"
  ]
}

Answer 2

只要IE11不支持IE11，你就必须编辑你的

babelrc (巴别塔7)

{
  "presets": [
    [
      "@vue/app",
      {
        "targets": {
          "ie": "11"
        }
      }
    ]
  ]
}

如果有帮助，请告诉我。如果你正在使用Babel 6，那么检查Alen Genzićresponse。