babel new

https://wangdoc.com/es6/intro#babel-%E8%BD%AC%E7%A0%81%E5%99%A8


1.配置文件.babelrc

Babel 的配置文件是.babelrc,存放在项目的根目录下。使用 Babel 的第一步,就是配置这个文件。该文件用来设置转码规则和插件

2.命令行转码 

Babel 提供命令行工具@babel/cli,用于命令行转码

3.babel-node

@babel/node模块的babel-node命令,提供一个支持 ES6 的 REPL 环境。它支持 Node 的 REPL 环境的所有功能,而且可以直接运行 ES6 代码。

4.@babel/register 模块

@babel/register模块改写require命令,为它加上一个钩子。此后,每当使用require加载.js、.jsx、.es和.es6后缀名的文件,就会先用 Babel 进行转码。

5.polyfill

Babel 默认只转换新的 JavaScript 句法(syntax),而不转换新的 API,比如Iterator、Generator、Set、Map、Proxy、Reflect、Symbol、Promise等全局对象,以及一些定义在全局对象上的方法(比如Object.assign)都不会转码。

举例来说,ES6 在Array对象上新增了Array.from方法。Babel 就不会转码这个方法。如果想让这个方法运行,可以使用core-js和regenerator-runtime(后者提供generator函数的转码),为当前环境提供一个垫片。

6.浏览器环境

Babel 也可以用于浏览器环境,使用@babel/standalone模块提供的浏览器版本,将其插入网页。注意,网页实时将 ES6 代码转为 ES5,对性能会有影响。生产环境需要加载已经转码完成的脚本。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转自: Babel 入门教程 阮一峰链接地址:http://www.ruanyifeng.com/blog/201...
    webllw阅读 4,974评论 0 0
  • 一、配置文件.babelrc .babelrc 文件存放在项目的根目录下。 presets 字段设定转码规则,你...
    R_X阅读 14,027评论 0 21
  • REPL在线编译器 .babelrc配置文件 babel-cli命令行工具 babel-node提供一个支持ES6...
    大前端之路阅读 3,244评论 0 0
  • Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在现有环境执行。这意味着...
    DiligentLeo阅读 3,567评论 0 1
  • Babel 入门教程 (说明:本文选自我的新书《ES6 标准入门(第二版)》的第一章《ECMAScript 6简介...
    runner123阅读 4,406评论 0 2