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