babel-polyfill 将ES6代码转为ES5代码

最新推荐文章于 2023-03-13 15:13:09 发布

叶子_o

最新推荐文章于 2023-03-13 15:13:09 发布

阅读量1.2k

点赞数

分类专栏：其他

原文链接：https://blog.csdn.net/chjj0904/article/details/79169821

版权

42 篇文章 2 订阅

订阅专栏

Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而可以在现有环境执行。所以你可以用ES6编写，而不用考虑环境支持的问题。

下面是一个例子：

//转码前
allen.map(item => item + 1);

// 转码后
allen.map(function (item) {
  return item + 1;
});

Babel提供babel-cli工具，用于命令行转码。

在全局环境下，进行Babel转码。全局环境必须有Babel，解决办法是将babel-cli安装在项目之中。

安装: cnpm install --save-dev babel-cli
然后，改写package.json。

babel-cli工具自带一个babel-node命令，提供一个支持ES6的REPL环境。它支持Node的REPL环境的所有功能，而且可以直接运行ES6代码。

它不用单独安装，而是随babel-cli一起安装。然后，执行babel-node就进入PEPL环境。

babel-node命令可以直接运行ES6脚本

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

举例来说，ES6在Array对象上新增了Array.from方法。Babel就不会转码这个方法。如果想让这个方法运行，必须使用babel-polyfill，为当前环境提供一个垫片。

安装命令: cnpm install --save babel-polyfill

引入：import ‘babel-polyfill’;

Babel默认不转码的API非常多，详细清单可以查看babel-plugin-transform-runtime模块的definitions.js文件。

版权声明：本文为CSDN博主「江木」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/chjj0904/article/details/79169821

关注