什么是 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


目录
相关文章
|
9月前
|
JavaScript 前端开发 编译器
分享:Babel7的配置
分享:Babel7的配置
216 0
|
6月前
|
iOS开发
|
9月前
|
前端开发
初学Sass
初学Sass
51 0
|
10月前
|
Web App开发 移动开发 JavaScript
十问babel,用最简单的话说清楚babel(一)
十问babel,用最简单的话说清楚babel
229 0
|
10月前
|
JavaScript API
十问babel,用最简单的话说清楚babel(二)
十问babel,用最简单的话说清楚babel
71 0
|
11月前
|
JSON 自然语言处理 JavaScript
浅谈babel原理
很早之前就听同事分享了babel原理,其核心就是 AST(Abstract Syntax Tree),今天将自己所了解的知识点简单整理记录一下。
|
前端开发 JavaScript 编译器
ES6、Babel
这篇文章我们主要讲两个方面的知识: 1、讲解ES6里面比较难理解的,但面试经常会问到的相关知识。 2、讲解Babel的原理以及如何使用Babel。
|
前端开发 JavaScript API
浅谈PostCSS
CSS的发展,像所有的语言一样,是一个不断迭代的过程。
209 0
|
前端开发
了解sass
了解sass
156 0
|
前端开发 JavaScript 安全
使用Sass来写OOCSS
自从2008年Nicole Sullivan提出Object-Oriented CSS(OOCSS)以来。它就成为一个领先的模块系统,用来组织你的CSS代码方式之一。 OOCSS不同于其他组织CSS代码方法,比如SMACSS或者BEM。通过将CSS代码和结构分离让你的模块可重用。事实上,我也通常将SMACSS与OOCSS混为一谈。其实John W. Long在The Sass Way上面写了很多篇有关于CSS模块化的教程。
121 0