博客

接上文，通过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 - 完成: 将被添加到下一年度发布。