babelrc文件的配置

1. .babelrc文件

.babelrc是Babel的配置文件，Babel官网https://www.babeljs.cn/docs/

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

• 语法转换
• 通过 Polyfill 方式在目标环境中添加缺失的特性 (通过 @babel/polyfill 模块)
• 源码转换 (codemods)
• 更多！ (查看这些 视频 获得启发)      

2.配置.babelrc文件

.babelrc文件放在项目根目录下,该文件用来设置转码规则和插件，基本格式如下。

{
    "presets": [],
    "plugins": []
}

presets字段设定转码规则，官方提供以下的规则集，你可以根据需要安装。

# ES2015转码规则
$ npm install --save-dev babel-preset-es2015

# react转码规则
$ npm install --save-dev babel-preset-react

# ES7不同阶段语法提案的转码规则（共有4个阶段），选装一个
$ npm install --save-dev babel-preset-stage-0
$ npm install --save-dev babel-preset-stage-1
$ npm install --save-dev babel-preset-stage-2
$ npm install --save-dev babel-preset-stage-3

# 使用babel插件transform-object-rest-spread,作用：对象使用spread操作符

$ npm install --save-dev babel-plugin-transform-object-rest-spread

 .babelrc代码

{
    "presets": [
        "react",// react 转码规则
        "es2015",
        "stage-3"
    ],
    "plugins": ["transform-object-rest-spread"]
    
}