Babel 是什么

1. 认识 Babel
   官网：https://babeljs.io/
   在线编译：https://babeljs.io/repl
   Babel 是 JavaScript 的编译器，用来将 ES6 的代码，转换成 ES6 之前的代码

2. 使用 Babel
   Babel 本身可以编译 ES6 的大部分语法，比如 let、const、箭头函数、类
   但是对于 ES6 新增的 API，比如 Set、Map、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign/Array.from）都不能直接编译，需要借助其他的模块
   Babel 一般需要配合 Webpack 来编译模块语法

安装

npm install --save-dev @babel/core @babel/cli

安装后的配置

// package.json
{
  "name": "my-project",
  "version": "1.0.0",
+   "scripts": {
+     "build": "babel src -d lib"
+   },
  "devDependencies": {
    "@babel/cli": "^7.0.0"
  }
}
// .babelrc
{
  "presets": ["@babel/preset-env"]
}

编译

npm run build