前端开发环境必备工具
ES6+ => ES5

基本使用

新建一个demo项目，安装以下包

// package.json
"devDependencies": {
  "@babel/cli": "^7.12.1",
  "@babel/core": "^7.12.3",
  "@babel/preset-env": "^7.12.1"
}

配置babelrc文件

// .babelrc
{
    "presets": [
      ["@babel/preset-env"]
  ],
  "plugins": [
      /*
    "a",
    "b",
    "c",
    "d"
    例如a是es6的a转为es5的插件，但是总不能写满吧，于是，用预设
    */
  ]
}

index.js中写

const sum = (a, b) => a + b

然后在命令行中

npx babel index.js
# 终端中会输出
"use strict";
var sum = function (a, b) {
  return a + b;
};

babel相当于一个空壳，es6的语法很多，babel都是通过plugins转换的，但是总不能写满plugin吧，于是我们就使用 @babel/preset-env 来，这是一个预设，包含了很多常用的plugins。