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"]
    
}