接上文,通过vue-cli创建的项目,初始的.babelrc文件中,只包含:

{
  "presets": [
    ["env", { "modules": false }],
    "stage-3"
  ]
}

1、Babel Vue 预设
安装、配置并使用 babel preset-vue

npm i -D babel-preset-vue

2、添 Babel polyfill
Babel 几乎可以编译所有时新的 JavaScript 语法,但对于 APIs 来说却并非如此。比如说:Promise、WeakMap、Array.from 、Object.assign、Array.prototype.includes、generator等。为了解决这个问题,我们使用一种叫做 Polyfill(代码填充,也可译作兼容性补丁) 的技术。能让你提前使用还不可用的 APIs。

npm babel-polyf ill

main.js中引入

import ' babel-polyfill '

JS Stage

Stage 0 - 稻草人: 只是一个想法,经过 TC39 成员提出即可。
Stage 1 - 提案: 初步尝试。
Stage 2 - 初稿: 完成初步规范。
Stage 3 - 候选: 完成规范和浏览器初步实现。
Stage 4 - 完成: 将被添加到下一年度发布。
Logo

前往低代码交流专区

更多推荐