Babel 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Babel 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 开发工具编译器
开发厂商
地区 不详
提 交 者 叶秀兰
适用人群 未知
收录时间 2015-10-26

软件简介

Babel 是编写下一代 JavaScript 的编译器。

ES2015 and beyond。Babel 默认使用一组 ES2015 语法转换器,允许你使用新的语法,无需等待浏览器支持。

JSX and React。Babel 内置支持 JSX,与  babel-sublime 包一起结合,将语法高亮功能带到一个新的高度。

Pluggable。Babel 支持用户插件。允许你插入强大的 Babel 转换层。

主要特性

  • 支持 ES2015+

  • 支持 JSXReact

  • 支持用户插件

示例

你输入的 JavaScript:

myJavaScript("foobar");

编译器输出的 JavaScript:

myNewTransformedJavaScript("yay!");
展开阅读全文

代码

评论 (5)

加载中
作者好皮→_→
11/18 11:53
回复
举报
写babel的时候用过一会. #Babel#
2015/10/27 08:56
回复
举报
用了几个月了。。 #Babel#
2015/10/27 09:37
回复
举报
前两天刚试了下,有前途 #Babel#
2015/10/27 12:42
回复
举报
#Babel# 你也是够牛的,全插件居然都是用es6写的。
2016/04/30 03:20
回复
举报
更多评论
发表于开发技能专区
01/15 06:59

Babel 7.8.0 发布,JavaScript 编译器

Babel 7.8.0 发布了,Babel 是用于编写下一代 JavaScript 的编译器。 主要更新内容: 新特性 babel-standalone #10821 将 env-standalone 合并为 babel-standalone babel-core #10783 添加 babelrc.json 支持 #10903 添加对 babel.config.mjs 和 .babelrc.mjs 的支持 babel-compat-data, babel-preset-env-standalone, ...

0
2
发表于服务端专区
2019/09/26 07:00

Babel 7.6.2 发布,JavaScript 编译器

Babel 7.6.2 发布了,Babel 是用于编写下一代 JavaScript 的编译器。 主要更新内容: Spec Compliance babel-parser #10472 添加了检查以禁止 super.private 变量访问和测试用例 (@vivek12345) #10467 [parser] 无效的非八进制小数 (@gonzarodriguezt) #10461 [parser] 禁止使用名为 constructor 的静态字段 (@guywaldm...

1
0
发表于开发技能专区
2019/07/06 07:23

Babel 7.5.0 发布,JavaScript 编译器

Babel 7.5.0 已发布,Babel 是用于编写下一代 JavaScript 的编译器。 主要更新内容: Spec Compliance babel-parser #10099 在词法绑定中禁止使用“let”作为名称 New Feature babel-parser #10091 Flow 的 BigInt 类型 #9450 在解析器中实现 f# 管道 #9864 [@babel/parser] 添加 "allowUndeclaredExports" 选项 babel-...

1
2
发表于软件架构专区
2018/12/05 07:42

Babel 7.2.0 发布,JavaScript 编译器

Babel 7.2.0 已发布,Babel 是用于编写下一代 JavaScript 的编译器。此版本包含对私有实例方法的支持以及一些围绕 Flow 和 TypeScript 类的 bug 修复。 更新亮点 Private Instance Methods (#8654) class Person {   #age = 19;   #increaseAge() {     this.#age++;   }   birthday() {  ...

3
7
发表于开发技能专区
2018/08/29 08:24

Babel 7.0 正式发布,JavaScript 编译器

Babel 7.0 正式发布了,Babel 是用于编写下一代 JavaScript 的编译器。经过将近 2 年的开发、4k 提交、超过 50 次的预览版发布,Babel 7 终于正式来袭。自 Babel 6 发布至今已近 3 年!GitHub 目前有超过 130 万个依赖于它的仓库,在 npm 上每月有 1700 万次下载,还有数百个企业和组织在使用它,包括许多主要框架(Rea...

20
5
发表了资讯
2017/06/11 07:06

Babel 6.25 版本发布,JavaScript 编译器

Babel 6.20 发布了,Babel 是编写下一代 JavaScript 的编译器。 ES2015 and beyond。Babel 默认使用一组 ES2015 语法转换器,允许你使用新的语法,无需等待浏览器支持。 JSX and React。Babel 内置支持 JSX,与 babel-sublime 包一起结合,将语法高亮功能带到一个新的高度。 Pluggable。Babel 支持用户插件。允许你插入强...

0
8
发表了资讯
2016/12/10 07:38

Babel 6.20 版本发布,JavaScript 编译器

Babel 6.20 发布了,Babel 是编写下一代 JavaScript 的编译器。 ES2015 and beyond。Babel 默认使用一组 ES2015 语法转换器,允许你使用新的语法,无需等待浏览器支持。 JSX and React。Babel 内置支持 JSX,与 babel-sublime 包一起结合,将语法高亮功能带到一个新的高度。 Pluggable。Babel 支持用户插件。允许你插入强...

3
10
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2018/10/11 00:11

babel

babel 在 7 以后引入插件 都是 以@babel开头的,一旦babel-core是引入的7版本,其他插件必须引入7版本的,如 引入 @babel/core 其他插件必须是 @babel开头的 7下 "corejs":2, //是否引入沙盒的polyfill ,值是 2表示是,会覆盖useBuiltIns 的作用,但不会覆盖他的实例方法支持 "helpers": true, // 是否引入 @babel/runti...

0
0
发表了博客
2019/09/11 16:10

Babel

  Babel是一个JS的编译器,可以把浏览器不支持的特性编译为支持的代码 安装 node.js   安装babel前,需要安装node.js(babel的运行是基于node的)   在安装完成后,运行命令提示符,输入node -v和npm -v,如果都有输出版本号则安装成功   另外可以在桌面/路径文件夹中,按住Shift右键,在此处打开PowerShell窗口...

0
0
发表于大前端专区
2018/01/20 21:23

babel

Babel在线转换 https://babeljs.io/repl/

0
0
发表了博客
2019/04/10 10:10

webpack,Babel,babel-loader的关系

本文将要介绍 webpack,Babel,babel-loader 的关系。理清楚他们各自做了什么事情。 通常我们新建一个项目,会先配置webpack,然后配置babel;babel是一个编译工具,实际上,babel也是可以单独使用的。 下面我们从Babel出发,简单配置一个react项目,来清晰认识一下webpack和babel的关系。 Babel 和 Webpack 简介 Babel ...

0
0
2019/10/08 11:26

Babel-loader,babel-core和babel-preset之间是什么关系

`babel-loader` 是一个 npm 包,它使得 webpack 可以通过 babel 转译 JavaScript 代码。 (在 babel 7 中 `babel-core` 和 `babel-preset` 被建议使用 `@babel` 开头声明作用域,因此应该分别下载 `@babel/core` ......

0
0
发表了博客
2018/08/14 15:17

babel的使用及babel与gulp结合工作流

Babel 通过语法转换器支持最新版本的 JavaScript 。 它有非常多的插件,这些插件能够允许我们立刻使用新语法,无需等待浏览器支持。 那我们怎么使用babel呢? 首先我们来了解babel基本的安装 第一:babel的安装 第二:查看babel版本以及babel命令 第三步:建立文件夹,初始化一个仓库,将我们的配置写成一个package.jso...

0
0
发表于大前端专区
2019/08/16 00:19

webpack 理解 babel-polyfill 和 babel-runtime 及 babel-plugin-transform-runtime的配置

一:理解 babel之配置文件.babelrc 基本配置项 1. 什么是babel? 它是干什么用的? ES6是2015年发布的下一代javascript语言标准,它引入了新的语法和API,使我们编写js代码更加得心应手,比如class,let,for...of ...

0
0
发表了博客
2019/03/13 10:32

babel(一)

一、babel npm babel src/index.js -d lib 二、@babel/core @babel/cli @babel/core 转换语法核心 @babel/cli 执行脚本 三、@babel/preset-env 四、babel-pollyfill npm install --save @babel/polyfill The @babel/polyfill module includes core-js and a custom regenerator runtime to emulate a full ES2015+ env...

0
0
发表了博客
2019/12/25 23:50

Babel原理

Babel是什么?我们为什么要了解它? 1. 什么是babel ? Babel 是一个 JavaScript 编译器。他把最新版的javascript编译成当下可以执行的版本,简言之,利用babel就可以让我们在当前的项目中随意的使用这些新最新的e...

0
0
发表了博客
2019/03/07 16:49

Babel插件:@babel/plugin-transform-runtime

一 概述 每个Babel编译后的脚本文件,都以导入的方式使用Babel的帮助函数,而不是每个文件都复制一份帮助函数的代码。 1 优点 (1)提高代码重用性,缩小编译后的代码体积。 (2)防止污染全局作用域。(启用corejs配置) babel-polyfill会将Promise等添加成全局变量,污染全局空间。 ① 默认使用@babel/runtime,corej...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于服务端专区
2019/01/15 19:52

js babel 方法自动绑定是哪个特性?

最近升级到babel7 ,配置不支持stage-0这种写法了 export default class MyPage extends React.Component { constructor(props) { super(props);   this.showModal.bind(this);// 这里要手动绑定 } hideModal=()=>{ //这里以前编译不报错的. 最近升级babel7了. 这里报错了 this.setState...

1
0
发表了问答
2017/07/12 11:32

ReactDOM.render和ifram的onload事件的执行顺序?

我的一个页面x.jsp使用了最简单的React实例如下: <script type="text/babel"> ReactDOM.render( <Clock />, document.getElementById('root') ) </script> 显示一切正常。 但是将x.jsp嵌在iframe并试图在iframe的onload事件中改变iframe的高度时出现问题。 经实验,在ie11中,React先执行onload后触发;在火...

1
0
发表了问答
2016/07/30 16:22

babel的使用问题,求大神知道

关于babel的使用 怎么安装!怎么使用,求用过的人教一下,没用过的只是看过教程的旧别来了! http://www.ruanyifeng.com/blog/2016/01/babel.html 该教程已看!完全不会! 执行该命令,然后就没有然后了 等半小时依旧这样!

1
0
发表了问答
2016/06/01 18:36

Babel 谁会用啊!在浏览器中使用

在浏览器中使用babel,因为目前浏览器对es6的支持不太好 ,而我想使用es6的新特征,但是不会用babel,下载了一个,但是找不到指定文件!

3
0
发表了问答
2015/11/17 11:12

react中babel替换react-tools的问题

如何用babel的命令替换react-tools中的类似jsx -w src/ dist/ 命令?就是说我想用babel的命令来本地编译react jsx语法的文件为普通的JavaScript文件? 求高手详细告知!?

2
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
5 评论
103 收藏
分享
返回顶部
顶部