0、在线练习

您可以使用以下页面进行在线练习：

https://www.babeljs.cn/repl

1、初始化

npm 方式：

npm init -y

yarn 方式：

yarn init -y

2、安装 babel 及插件

参考网址：https://www.babeljs.cn/docs/babel-cli

npm 方式：

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

yarn 方式：

yarn add @babel/core @babel/cli @babel/preset-env --dev

• @babel/core babel 的内核
• @babel/cli babel 的脚手架
• @babel/preset-env 最新的 babel 预设插件支持，替代并优于 babel-preset-latest 插件

3、添加运行脚本

package.json

  "scripts": {
    "babel": "babel demo.js --watch --out-file demo-compiled.js"
  },

4、创建配置文件

.babelrc

{
    "presets": [
        "@babel/preset-env"
    ]
}

5、创建 demo.js

// 可以写入一些 ES6 啦
[1, 2, 3].map((n) => n + 1);

6、终端运行脚本

npm 方式：

npm run babel

yarn 方式：

yarn run babel

生成 demo-compiled.js

7、最终效果