ES6转码器 Babel

参考文章

Babel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在老版本的浏览器执行。

这意味着，可以用 ES6 的方式编写程序，又不用担心现有环境是否支持。

示例：

// 转码前，使用了箭头函数
array.map(item => item + 1);// 转码后，Babel 将其转为普通函数，就能在不支持箭头函数的 JavaScript 环境执行了
array.map(function (item) {return item + 1;
});

在项目根目录中，安装 Babel，命令如下：

$ npm install --save-dev @babel/core

配置文件.babelrc

Babel 的配置文件是.babelrc，存放在项目的根目录下。使用 Babel 的第一步，就是配置这个文件。

该文件用来设置转码规则和插件，基本格式如下。

{"presets": [],"plugins": []
}

presets字段设定转码规则，官方提供以下的规则集，可以根据需要安装：

# 最新转码规则
$ npm install --save-dev @babel/preset-env# react 转码规则
$ npm install --save-dev @babel/preset-react

然后，将这些规则加入.babelrc。

  {"presets": ["@babel/env","@babel/preset-react"],"plugins": []}

注意：所有 Babel 工具和模块的使用，都必须先写好.babelrc。

ES6转码器Babel相关推荐

es6转es5的转码器babel的安装与使用
1.babel是转码器,把es6代码转换成es5代码:因为es6代码的浏览器兼容性差,而es5的浏览器兼容性好. 2.安装命令行转码工具:npm install --global babel-cli ...
ES6学习（一）— Babel转码器的使用和配置
ES6学习(一)- Babel转码器的使用和配置 Babel转码器 Babel是一个广泛使用的ES6转码器,可以将ES6代码转化为ES5代码从而在老版本的浏览器进行. 这意味着,你可以使用ES6的方式 ...
Babel转码器（ES6）
一.Babel介绍 Babel(babeljs.io/)是一个广为使用的ES6转码器,可以将ES6代码转为ES5代码,从而在浏览器或其他环境执行.也就意味着可以用ES6的方式编写程序,从而不用担心现有 ...
ES6转码(编译)工具——Babel转码器、Traceur转码器
当ES6不兼容时,需要用到转码工具 1.Babel转码器: Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码,从而在现有环境执行. 这意味着,你可以用ES6的方式编写程序,又不用 ...
常见的ES6转码(编译)工具——Babel转码器、Traceur转码器
在浏览器里面如何使用? 现在ES6的使用也是一个新趋势,下面就来讲解转码的常见方法当ES6不兼容时,需要用到转码工具 1.Babel转码器: Babel是一个广泛使用的ES6转码器,可以将ES6代码 ...
ES6新特性之转码器(UmiJS入门)
转码器 Babel (babeljs.io)是一个广为使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在浏览器或其他环境执行 . Google 公司的 Traceur 转码器 C ...
项目中配置Babel转码器的详细教程
先简单说一下Babel吧 Babel是一个ES6转码器,可以将ES6代码转为ES5代码此篇教程是在学习阮老师的<ES6标准入门>时,不会npm的学习总结在阮老师的教程上具体补充,通过以 ...
Babel转码器详解
Babel转码器详解 Babel是一个广为使用的ES6转码器,可以将ES6代码转为ES5代码,从而在浏览器或其他环境运行.这意味着可以用ES6的方式编写程序而不用担心环境是否支持 Babel的配置文件 ...
es6 Babel 转码器对修饰器的支持
Babel 转码器对修饰器的支持目前,Babel 转码器已经支持 Decorator. 首先,安装babel-core和babel-plugin-transform-decorators.由于后者包 ...
es6 babel转码器安装配置
es6 babel转码器安装配置例如:桌面上新建个文件夹es6,文件夹里新建一个文件es6.js. 打开小黑窗进入文件夹.(windows要以管理员的方式打开cmd) 1.先全局安装babel-cl ...

ES6转码器Babel

ES6转码器 Babel

配置文件.babelrc

ES6转码器Babel相关推荐

最新文章

热门文章