web-dev-qa-db-fra.com

Convertir ES6 en ES2015 en utilisant babel et laravel-mix

J'ai du code JavaScript ES6 dans mes composants Vue. Pour prendre en charge IE 11, je dois le convertir en code ES5 en utilisant babel et laravel-mix. Comment je fais ça?

Voici mon fichier webpack.mix.js.

let mix = require('laravel-mix');

mix.js('resources/assets/js/app.js', 'public/js')
.js('resources/assets/js/admin-app.js', 'public/js')
laravelbabeljslaravel-mix
5
Bereket Gobeze

Il existe une commande mix.babel() qui peut gérer cela.

Il est identique à mix.scripts() donc il nécessite un peu plus de travail. Je triche et fais cela, puis je sers les es5.js à IE:

mix.js('resources/assets/js/app.js', 'public/js')
  .babel('public/js/app.js', 'public/js/app.es5.js')
  .sass('resources/assets/sass/app.scss', 'public/css');
8
Darryl E. Clarke

Le code n'est pas correct à 100%: le premier argument de babel doit être un tableau:

mix.js('resources/assets/js/app.js', 'public/js')
     .babel(['public/js/app.js'], 'public/js/app.es5.js')
     .sass('resources/assets/sass/app.scss', 'public/css');
3
user2761808