1、Babel转码器的作用

ES6的某些高级语法在浏览器环境甚至是Node.js环境中无法执行。
Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行执行。
这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。

2、Babel安装流程

  1. 安装Babel

    1. npm install --save-dev @babel/core

  2. 添加.babelrc配置文件

    1. {
    2.  "presets": [],
    3.  "plugins": []
    4. }

  3. 安装babel的转码规则

    1. npm install --save-dev @babel/preset-env

  4. 将规则加入.babelrc配置文件

    1. {
    2.  "presets": [
    3.      "@babel/env"
    4.  ],
    5.  "plugins": []
    6. }

  5. 安装babel的命令行转码工具

    1. npm install --save-dev @babel/cli

    3、Babel转码

  6. 将转码结果输出在标准输出

    1. npx babel demo.js

    image.png

  7. 将转码结果输出到文件中

    1. npx babel demo.js --out-file es5.js

    image.png