Babel 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Babel 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Babel 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 开发工具编译器
开源组织
地区 不详
投 递 者 叶秀兰
适用人群 未知
收录时间 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!");
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (5)

加载中
作者好皮→_→
2020/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
回复
举报
更多评论
发表了资讯
05/13 08:45

Babel 项目陷入财务困境,尤雨溪力挺负责人

Babel(又名 Babel.js)项目发布公告称陷入了财务困境——当前剩余的资金很快将被用完,因此 Babel 团队希望能收到捐款或厂商提供赞助,以帮助他们可以渡过艰难时期,并继续开发和维护 Babel。 据介绍,自2018年以来,Babel 一直在进行着一个资金实验:全职开发 Babel 的工作能否持续?就目前的情况来看,答案是否定的。 虽然 Babel 是一个被数百万人使用的项目,每个月的下载量超过 1.17 亿次,全球有成千上万的公司采用了它,...

0
11
发表于软件架构专区
2020/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, babel-preset-env #10811 将可选链接和无效合并添加到预设环境 babel-helper-module-transforms, babel-plug...

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 的静态字段 (@guywaldman) #10455 [parser] 仅当 kws 不会用作标识符时,报告才会以 kws 进行转义 (@nicolo-ribaudo) Bug Fix babe...

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-plugin-proposal-dynamic-import, babel-preset-env-standalone, babel-preset-env #10109 将 @babel/plugi...

1
2
发表于AI & 大数据专区
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() {     this.#increaseAge();     alert("Happy Birthday!");   } } "Smart" Pipeline Operator ...

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 万次下载,还有数百个企业和组织在使用它,包括许多主要框架(React,Vue,Ember,Polymer)和公司(Facebook,Netflix,Airbnb)。 7.0 带来的不兼容性变更: 删除对未维护的...

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 支持用户插件。允许你插入强大的 Babel 转换层。 更新内容: 新特性 babel-plugin-transform-react-display-name #5780 Backport sup...

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 支持用户插件。允许你插入强大的 Babel 转换层。 更新内容: Maybe fix that crazy babel-generator deopt message you've all probab...

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/runtime的帮助函数来替代 在代码中生成帮助函数 "regenerator": false, //是否生成async的完全支持,如果是true,...

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

Babel

  Babel是一个JS的编译器,可以把浏览器不支持的特性编译为支持的代码 安装 node.js   安装babel前,需要安装node.js(babel的运行是基于node的)   在安装完成后,运行命令提示符,输入node -v和npm -v,如果都有输出版本号则安装成功   另外可以在桌面/路径文件夹中,按住Shift右键,在此处打开PowerShell窗口,在其中同样输入node -v和npm -v检测是否成功安装node.js   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 是一个 JavaScript 编译器。(把浏览器不认识的语法,编译成浏览器认识的语法。) webpack 是一个现代 Java...

0
0
发表于开发技能专区
2019/08/30 15:20

Babel

Babel是JavaScript编译器,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中. 中文官方地址https://www.babeljs.cn/ 安装 npm install --save-dev @babel/core @babel/cli @babel/preset-env npm install --save @babel/polyfill 本文同步分享在 博客“羊羽”(other)。 如有侵权,请联系 support@oschina.cn 删除。 本文参与“OSC源创计划”,欢迎正...

0
0
发表了博客
2019/08/01 21:30

babel 入门使用 (babel 7.4.0)

官网 安装 // babel 核心 yarn add @babel/core // babel 预设插件 yarn add @babel/preset-env // babel 命令行 yarn add @babel/cli // babel 垫片(非必须,提供Promise, async await等) 使用例子 根目录创建配置文件 babel.config.js module.exports = { presets: [ "@babel/env" ], plugins: [] } 执行编译 yarn babel src -d lib // babel [需要编译的文件或目录] -d [指定输出目录] // 该命令的意思是,...

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` 和· `@babel/presets`。 就类似于 vue-cli 升级后 使用@vue/cli一样的道理 ) babel 的功能在于「代码转译」,具体一点,即将目标代码转译为能够符合期望语法规范的代码。在转译的过程中,babel 内部经历了「解析 ...

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

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

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

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

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

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

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({visible:false}) }; showModal(){ this.setState({visible:true}) //这种写法要在constru...

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
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
5 评论
105 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部