Babel--JS编译器

https://babeljs.io/
https://www.babeljs.cn/

Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。

核心库

Babel 的核心功能包含在 @babel/core模块中。通过以下命令安装

npm install --save-dev @babel/core

你可以在 JavaScript 程序中直接 require 并使用它：

const babel = require("@babel/core");

babel.transform("code", optionsObject);

CLI 命令行工具

@babel/cli是一个能够从终端（命令行）使用的工具。下面是其安装命令和基本用法：

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

./node_modules/.bin/babel src --out-dir lib

将 ES2015+ 的JS代码，编译为能在当前浏览器上工作的代码

1. 运行以下命令安装所需的包（package）：

npm install --save-dev @babel/core @babel/cli @babel/preset-env
npm install --save @babel/polyfill

2. 在项目的根目录下创建一个命名为 babel.config.js 的配置文件，其内容为：

const presets = [
  [
    "@babel/env",
    {
      targets: {
        edge: "17",
        firefox: "60",
        chrome: "67",
        safari: "11.1",
      },
      useBuiltIns: "usage",
    },
  ],
];

module.exports = { presets };

3. 运行此命令将 src 目录下的所有代码编译到 lib 目录：

./node_modules/.bin/babel src --out-dir lib
##或者使用npm@5.2.0 所自带的 npm 包运行器npx
npx babel src --out-dir lib