什么是 Babel?

简介: 什么是 Babel?

20210406183739711.png



概念


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


Babel 能够转译 ECMAScript 2015+ 的代码,使它在旧的浏览器或者环境中也能够运行。



例子


比如:

es2015 的 const 和 arrow function

const add = (a, b) => a + b;


打开链接:https://babel.docschina.org/repl

传递上面的一段源代码给 Babel,然后它返回一串新的代码。


如图所示:

20210406182446827.png


目录
相关文章
|
JavaScript 前端开发 编译器
分享:Babel7的配置
分享:Babel7的配置
296 0
|
2月前
|
开发框架 自然语言处理 JavaScript
babel 原理,怎么写 babel 插件
【10月更文挑战第23天】要深入理解和掌握如何编写 Babel 插件,需要不断实践和探索,结合具体的项目需求和代码结构,灵活运用相关知识和技巧。你还可以进一步扩展和深入探讨各个方面的内容,提供更多的实例和细节,以使文章更加丰富和全面。同时,关注 Babel 插件开发的最新动态和研究成果,以便及时了解其发展和变化。
|
2月前
|
JavaScript 前端开发
将 Babel 插件应用于实际项目中
【10月更文挑战第25天】如果在应用插件过程中出现问题,可以检查 Babel 配置是否正确、插件的依赖是否安装完整、构建工具的集成是否正确等,逐步排查和解决问题。通过以上步骤,就可以将 Babel 插件成功应用到实际项目中,实现特定的代码转换和功能增强。
|
7月前
|
JavaScript 前端开发 API
你好,babel
你好,babel
|
8月前
|
编解码 JSON JavaScript
babel的学习
babel的学习
49 0
Babel6 如何升级 7 #60
Babel6 如何升级 7 #60
447 0
|
JavaScript API
十问babel,用最简单的话说清楚babel(二)
十问babel,用最简单的话说清楚babel
114 0
|
Web App开发 移动开发 JavaScript
十问babel,用最简单的话说清楚babel(一)
十问babel,用最简单的话说清楚babel
304 0
|
JSON 自然语言处理 JavaScript
浅谈babel原理
很早之前就听同事分享了babel原理,其核心就是 AST(Abstract Syntax Tree),今天将自己所了解的知识点简单整理记录一下。
|
前端开发 JavaScript 测试技术
postcss及其插件autoprefixer、postcss-preset-env、stylelint的使用
postcss及其插件autoprefixer、postcss-preset-env、stylelint的使用
342 0

热门文章

最新文章

下一篇
开通oss服务