Как скомпилировать JS в ES5 с Laravel Mix?

Question

У меня есть приложение laravel Vue, и оно отлично работает с Chrome и Firefox.но это не работает на Edge или IE11, и консоль показывает ошибку в функции стрелки !?Как скомпилировать или перенести в es5 с помощью Laravel Mix и Webpack?Не могли бы вы показать правильную конфигурацию для webpack.mix.js?TNX Alot

Answer 1

после долгих поисков я обнаружил, что этот Vuecomponent вызывает ошибку "https://github.com/godbasin/vue-select2" как мне скомпилировать его в es5.

ошибка консоли края: Expected identifier, string or number

и соответствующая строка, которую он показывает, такова:

setOption(val = []) {
      this.select2.empty();
      this.select2.select2({
----->     ...this.settings,
        data: val
      });
      this.setValue(this.value);
    },

извините, что нашли время

Answer 2

Чтобы скомпилировать код es6 для es5, выполните следующие действия:

1) установите предустановку babel-env

npm install @babel/preset-env --save

и затем объявите ее в вашем .babelrc вкорневой каталог:

{
  "presets": ["@babel/preset-env"]
}

2) скомпилируйте ваш код, используя

npm run dev //for dev environment

или

npm run prod // for production environment