Как заставить работать babel + vue на Internet explorer 11?

Question

[hello_1489]

Пишет синтаксическая, ругается на class.

class o extends Error{constructor(t,e,n){t=r(t),n& ...

Стрелочные функции переводит, а классы нет.
babel 7
webpack.mix.js

let mix = require('laravel-mix')
const VueLoaderPlugin = require('vue-loader/lib/plugin')


mix.js('resources/js/app.js', 'public/assets/js/')
  .sass('resources/sass/style.scss', 'public/assets/css/')

if (!mix.inProduction()) {
  mix.webpackConfig({
    devtool: 'source-map'
  }).sourceMaps()
} else {
  mix.version()
}

babel.config.js

module.exports = {
presets: [
['@babel/preset-env', {
useBuiltIns: 'entry',
}],
],
plugins: ['@babel/plugin-syntax-dynamic-import']
};

Пытался babel.config.js

module.exports = function (api) {
  api.cache(false);
  const presets = [['@babel/env', {
      "useBuiltIns": "entry",
      targets: {
        "browsers": [ ">0.25%"]
      },
    }],];
  const plugins = ["transform-es2015-classes"];
  return {
    presets,
    plugins
  };
}

7 часов просидел, уйму всего перепробовал..

Comments

[Дмитрий Беляев]

у env пресета пропишите в опцию targets {ie: "11"}

Answer 1

[hello_1489]

Частично решил
webpack.mix.js

let mix = require('laravel-mix')
const VueLoaderPlugin = require('vue-loader/lib/plugin')


mix.js('resources/js/app.js', 'public/assets/js/')
  .babel('public/assets/js/app.js', 'public/assets/js/app.es5.js')
  .sass('resources/sass/style.scss', 'public/assets/css/')

if (!mix.inProduction()) {
  mix.webpackConfig({
    devtool: 'source-map'
  }).sourceMaps()
} else {
  mix.version()
}

babel.config.js

module.exports = function (api) {
  api.cache(false);
  const config = {
    "presets": [
      ["@babel/env", {
        "targets": {
          "browsers": [
            "last 4 versions",
            "IE 11",
            'Chrome >= 49',
            'Firefox >= 45',
            'Safari >= 10',
            'Edge >= 13',
            'iOS >= 10',
            'Electron >= 0.36'
          ]
        }
      }],
      // "@babel/stage-0"
    ],
    plugins: [
      // Stage 0
      ["@babel/plugin-transform-classes"],
    ],
  };
  return config;
};

Буду обновлять