使用babel和laravel-mix将ES6转换为ES2015

Question

我的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')

Answer 1

有个 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');

Answer 2

代码不是 100% 正确：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');