webpack 打包構建 ---認識babel

babel實際是上一JavaScript的編譯器，能將ES6代碼轉換成ES5代碼，讓咱們使用最新語言特性而沒必要要擔憂兼容性問題，而且能夠經過插件的方式知足需求應用。在編譯過程當中，會從項目的根目錄下的.babelrc文件中讀取配置。.babelrc是一個JSON格式文件。
例如：{
"plugins":[

react

[
                                                 "transform-runtime",{
                                                         "polyfill":false

                                                     }

                                             ]

                     ],
                     "presets":[
                        "es2015",
                            {
                               "module":false

                            }

                     ],
                     "stage-2",
                     "react"

     }

     1、plugins：是配置須要那些插件， 配置以後還要必須 安裝這個插件，

     npm i -D  加  插件的名稱

     2、presets

         pres ets 屬性告訴 Babel 要轉換的源碼使用了哪些新的語法特性，一個 Presets

新語法的特性提供了支持，多個 Presets 能夠疊加。 Presets 實際上是 lugins 集合，每一個
ug 個新語法的轉換工做 Presets 是按照 ECMAScript 草案來組織的，一般能夠分
爲如下三大類

npm

已經被寫入 ECMAScript 標準裏的特性，因爲以前每一年都有新特性被加入到標準裏，

因此又可細分以下。
• ES2015 ( https://babeljs.io docs/plugins/preset-es2015 ）：包含在 20 15 年加入的新
特性
• ES2016 ( https: /babeljs.io docs/plugins/preset-es2016 包含在 2016 年加入的新
特性。
• ES2017 ( https ://babelj s.io/ docs/plugins/preset-es201 7 ：包含在 2017 年加入的新
特性
• Env ( https://babeljs io/docs/plugins/preset-env／），包含當前全部 ECMAScript 標準
裏的最新特性

babel