码迷,mamicode.com
首页 > Web开发 > 详细

webpack 打包构建 ---认识babel

时间:2020-10-09 20:49:33      阅读:36      评论:0      收藏:0      [点我收藏+]

标签:兼容性   性问题   名称   mod   pac   ofo   构建   并且   叠加   

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

标签:兼容性   性问题   名称   mod   pac   ofo   构建   并且   叠加   

原文地址:https://blog.51cto.com/14582569/2540511

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!