什么是 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的配置
291 0
|
21天前
|
JavaScript 前端开发 IDE
ESLint
【10月更文挑战第14天】
29 12
|
16天前
|
JavaScript 前端开发
将 Babel 插件应用于实际项目中
【10月更文挑战第25天】如果在应用插件过程中出现问题,可以检查 Babel 配置是否正确、插件的依赖是否安装完整、构建工具的集成是否正确等,逐步排查和解决问题。通过以上步骤,就可以将 Babel 插件成功应用到实际项目中,实现特定的代码转换和功能增强。
|
5月前
|
JavaScript 前端开发 API
你好,babel
你好,babel
|
6月前
|
编解码 JSON JavaScript
babel的学习
babel的学习
43 0
|
前端开发 JavaScript
nuxt3:postcss-pxtorem
nuxt3:postcss-pxtorem
474 0
nuxt3:postcss-pxtorem
|
JavaScript API
十问babel,用最简单的话说清楚babel(二)
十问babel,用最简单的话说清楚babel
106 0
|
Web App开发 移动开发 JavaScript
十问babel,用最简单的话说清楚babel(一)
十问babel,用最简单的话说清楚babel
275 0
|
JSON 自然语言处理 JavaScript
浅谈babel原理
很早之前就听同事分享了babel原理,其核心就是 AST(Abstract Syntax Tree),今天将自己所了解的知识点简单整理记录一下。
|
前端开发 JavaScript 测试技术
postcss及其插件autoprefixer、postcss-preset-env、stylelint的使用
postcss及其插件autoprefixer、postcss-preset-env、stylelint的使用
292 0