webpack 打包构建 ---认识babel

babel实际是上一JavaScript的编译器，能将ES6代码转换成ES5代码，让我们使用最新语言特性而不必要担心兼容性问题，并且可以通过插件的方式满足需求应用。在编译过程中，会从项目的根目录下的.babelrc文件中读取配置。.babelrc是一个JSON格式文件。
例如：{
"plugins":[

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

                                                     }

                                             ]

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

                            }

                     ],
                     "stage-2",
                     "react"

     }

     一、plugins：是配置需要那些插件， 配置之后还要必须 安装这个插件，

     npm i -D  加  插件的名称

     二、presets

         pres ets 属性告诉 Babel 要转换的源码使用了哪些新的语法特性，一个 Presets

新语法的特性提供了支持，多个 Presets 可以叠加。 Presets 其实是 lugins 集合，每个
ug 个新语法的转换工作 Presets 是按照 ECMAScript 草案来组织的，通常可以分
为以下三大类

    已经被写入 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 标准
里的最新特性

lblog_pei8jiot

webpack 打包构建 ---认识babel