web-dev-qa-db-ja.com

babelとlaravel-mixを使用してES6をES2015に変換する

VueコンポーネントにES6 JavaScriptコードがあります。IE 11をサポートするには、babelとlaravel-mixを使用してES5コードに変換する必要があります。私はそれをしますか?

これが私の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')
5
Bereket Gobeze

これを処理できるmix.babel()コマンドがあります。

これはmix.scripts()と同じであるため、もう少し作業が必要です。私はチートしてこれを行い、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

コードは完全に正しいわけではありません:babelの最初の引数は配列でなければなりません:

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