Laravel 5 如何使用laravel mix将js编译成es5？

我有laravel Vue应用程序，它与chrome和firefox完美配合。但它在Edge或IE11上不起作用，控制台显示箭头错误功能！？ 如何使用laravel mix和webpack编译或传输到es5？ 能否显示webpack.mix.js的正确配置？

---

tnx alot

要将es6代码编译为es5，请遵循以下步骤：

1） 安装babel环境预设

npm install @babel/preset-env --save

然后在根目录的.babelrc中声明：

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

2） 使用

npm run dev //for dev environment

或

---

经过大量搜索，我发现此Vuecomponent导致错误“如何将其编译为es5”

边缘控制台错误：

预期的标识符、字符串或数字

它显示的对应行是：

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

---

抱歉耽误您的时间

更新2020年2月

如果仍有人需要这方面的帮助，

mix

已经为es5提供了巴别塔编译：

mix.scripts（）的一个细微变化是mix.babel（）。其方法 签名与脚本相同；但是，连接的文件将 接收Babel编译，将任何ES2015代码翻译成香草 所有浏览器都能理解的JavaScript

您可以这样使用它：

mix.babel(['public/js/es6file.js'], 'public/js/app.es5.js')

---

我已经照你说的做了，现在我在“…this”和通常带有“this”关键字的任何地方出现了一个错误。这让我很沮丧。很抱歉，你到底犯了什么错误？你能不能给我看一下发生问题的代码片段？

mix.babel(['public/js/es6file.js'], 'public/js/app.es5.js')