Laravel Mix是否支持ES8？

发布时间：2020-12-14 23:21:42 所属栏目：Java 来源：网络整理

导读：我正在使用Laravel mix编译我的 javascript文件,因为我对Babel和package.json不是很了解,我想问一下Laravel Mix是否支持ES8,尤其是async / await？如果我尝试一下,我无法判断Mix是否正在异步/等待ES5,或者我的浏览器是否支持async / await,这是最新版本.我

我正在使用Laravel mix编译我的 javascript文件,因为我对Babel和package.json不是很了解,我想问一下Laravel Mix是否支持ES8,尤其是async / await？

如果我尝试一下,我无法判断Mix是否正在异步/等待ES5,或者我的浏览器是否支持async / await,这是最新版本.我仍然希望将它转换为ES2015,因此应用程序仍然适用于仅支持ES5的浏览器.

解决方法

async / await与Laravel Mix：

如果您使用Laravel Mix开箱即用,并使用async并等待您收到以下错误消息：

Uncaught ReferenceError: regeneratorRuntime is not defined

但是Laravel Mix使用Babel来支持ES2015.如果需要,我们可以自定义编译.

要使异步/等待工作,请使用以下内容将.babelrc文件添加到根目录：

{
  "presets": ["es2015","stage-3"],"plugins": [
    "transform-runtime"
  ]
}

并安装所需的npm包：

npm install babel-preset-es2015 babel-preset-stage-3 babel-plugin-transform-runtime --save-dev

重要的是(导致错误)是transform-runtime插件.它没有使用Laravel Mix,但你需要它才能使async / await功能正常工作.

ES8：

如上所示,您可以在Babel中使用不同的预设阶段.使用它们,您可以使用ES8或更高版本中包含的功能.例如,stage-3带有async / await功能.

他们的网站上有一个overview of the stages.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!