如何使用Laravel混合将JS编译为ES5

Question

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

Answer 1

2020 年 2 月更新

如果有人仍然需要这方面的帮助，mix已经为 es5 提供了一个 babel 编译：

mix.scripts（） 的一个轻微变体是 mix.babel（）。其方法 签名与脚本相同;但是，串联的文件将 接收 Babel 编译，将任何 ES2015 代码转换为原版 所有浏览器都能理解的JavaScript。

你可以像这样使用它：

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

文档

Answer 2

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

1） 安装 babel-env 预设

npm install @babel/preset-env --save

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

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

2） 编译你的代码

npm run dev //for dev environment

或

npm run prod // for production environment

Answer 3

经过

大量搜索，我发现这个 Vuecomponent 会导致错误"https://github.com/godbasin/vue-select2"如何将其编译为 es5。

边缘控制台错误： Expected identifier, string or number

它显示的相应行是这样的：

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

很抱歉占用您的时间