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