vue компоненты не рендерится в IE

Question

Я создаю компоненты Vue.js, и они отлично работают в Edge, Chrome, Firefox и т. Д., Но не отрисовывают в IE11. Я использую gulp для сборки проекта и Babel для компиляции es6 в es5.

.babelrc

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

Может быть, мне нужны другие пресеты?

Answer 1

Поскольку IE11 не поддерживает IE11, вы должны отредактировать

babelrc (Бабель 7)

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

дай мне знать, если это поможет. Если вы используете Babel 6, проверьте ответ Alen Genzić.

Answer 2

Предустановка @ babel / present-env работает таким образом, что вам нужно определить, какие браузеры должен поддерживать скрипт сборки.

Вы можете создать список браузеров, который содержит точные значения браузеров или процентную долю поддержки браузеров, которую вы используете.хотите поддерживать - https://babeljs.io/docs/en/babel-preset-env#targets

Для современных браузеров + IE11 (поскольку поддержка где-то выше 2%), вы можете использовать:

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