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 标准
里的最新特性

webpack 打包构建 ---认识babel

上一篇:什么才是市场急需的web前端工程师?


下一篇:Apache PHP Nginx 隐藏版本号