使用babel和laravel-mix将ES6转换为ES2015 [英] Convert ES6 to ES2015 using babel and laravel-mix

问题描述

我的Vue组件中有ES6 JavaScript代码.为了支持IE 11，我需要使用babel和laravel-mix将其转换为ES5代码.我该怎么办?

I have ES6 JavaScript code in my Vue components. In order to support IE 11 I need to convert it to ES5 code using babel and laravel-mix. How do I do that?

这是我的webpack.mix.js文件.

Here is my webpack.mix.js file.

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

mix.js('resources/assets/js/app.js', 'public/js')
.js('resources/assets/js/admin-app.js', 'public/js')

推荐答案

有一个mix.babel()命令可以处理此问题.

There's a mix.babel() command that can handle this.

与mix.scripts()相同，因此需要更多的腿部动作.我作弊，然后将es5.js提供给IE:

It's identical to mix.scripts() so it requires a little more legwork. I cheat and do this and then serve the es5.js to 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');

这篇关于使用babel和laravel-mix将ES6转换为ES2015的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！