什么是babel我的理解

最新推荐文章于 2022-06-14 09:53:20 发布
最新推荐文章于 2022-06-14 09:53:20 发布
阅读量271 收藏
点赞数
分类专栏： web 开发工具 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zy103118/article/details/105160842
版权
开发工具 同时被 3 个专栏收录
26 篇文章 1 订阅
订阅专栏
javascript
17 篇文章 1 订阅
订阅专栏
web
4 篇文章 0 订阅
订阅专栏

 这是官网解释https://www.babeljs.cn/

 

babel

英文翻译也很相像

将es2015(es6)语法下的javascript代码转译成es5标准的javascript代码（大多数前端浏览器都能够识别es5标准的js代码，但是有的es6以上新标准语法有的浏览器并不能及时解析执行）所以就需要这么个翻译，这个翻译官就是babel软件组件，其通常可作为nodejs虚拟机的软件插件形式通过npm工具安装到nodejs项目下的依赖库下，并供nodejs项目程序使用，通过webpack+babel插件（服务器端js程序组件）组合，将es6以上新标准javascript代码打包并转译成浏览器能够普遍解析执行的ES5以下标准的javascript指令，其中webpack程序插件负责打包，而babel插件作用就是转译，webpack也是一个nodejs虚拟机能够解析执行的服务器端js代码编写的插件程序，babel也是nodejs虚拟机能够解析执行的用服务器端js代码编写的插件程序，babel专门用于将es6以上标准语法的js代码翻译成es5标准语法的javascript代码

brave_zhao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Babel 是干什么的
Constantiny的博客
05-30 773
Babel 可以使用插件来扩展其功能，例如，它可以将 TypeScript 代码转换成 JavaScript 代码，或者使用插件来支持新的 ECMAScript 特性。Babel 是一个 JavaScript 编译器，它可以将 ECMAScript 2015+ 版本的代码转换成向后兼容的 JavaScript 代码，以便在现有的浏览器中运行。Babel 的主要作用是将 ECMAScript 2015+ 的代码转换成低版本的 JavaScript 代码。
babel基本使用详解
08-31
Babel 是一个广泛使用的 JavaScript 编译器，其主要功能是将现代 JavaScript（ES6+）语法转换为浏览器和旧版 Node.js 环境能够理解的 ES5 语法。这个工具对于开发者来说至关重要，因为它允许我们使用最新的语言特性...
对babel的理解
qq_40409143的博客
03-31 854
文章目录前言一、工作原理二、babel的包构成1.核心包2.功能包3.工具包babel官网的一些总结 前言 初识babel，是在webpack打包里面的babel-loader里面，作用是将es6转译成es5。 webpack,babel,loader之间的关系： babel 是编译工具，把js高级语言转换成浏览器能识别的js语言。 webpack 是打包工具，定义入口文件，将所有模块引入整理后，通过 loader 和 plugin 处理后，打包输出。 loader让webpack也能够去处理那些非js文件
babel是什么，有什么作用？
Milk~每天分享一点点，技术进步一点点
08-13 1271
babel是什么，有什么作用? babel是一个 ES6 转码器，可以将 ES6 代码转为 ES5 代码，以便兼容那些还没支持ES6的平台
Babel是什么？Babel到底可以用来干嘛___一文带你从零开始认识Babel
热门推荐
Sumshine12.5
12-21 1万+
引入 在此之前或许你已经用过babel，也许听说过什么 babel-loader babel-core、babel-cli、babel-plugin-…、babel-preset-env 反正各种乱七八糟的做项目随便用一一下就可以了，对他只有个一知半解，甚至不知道他到底是干什么的，反正项目要用，照着用就行了，至少博主之前的状态是这样，如果只对他有个一知半解甚至都不了解，那么项目出bug了你都不知道怎么去调试，只能复制–>粘贴–>百度。 基于此，写下自己对Babel的理解。 Babel是什么？ 我
你了解Babel吗？
weixin_44761091的博客
03-21 2124
文章目录一、Babel 是什么，有什么用二、 AST 抽象语法树三、Babel 编译流程 一、Babel 是什么，有什么用 Babel 是 JavaScript 编译器：他能让开发者在开发过程中，直接使用各类方言（如 TS、Flow、JSX）或新的语法特性，而不需要考虑运行环境，因为Babel可以做到按需转换为低版本支持的代码；Babel内部原理是将 JS 代码转换为 AST，对 AST 应用各种插件进行处理，最终输出编译后的 JS 代码。 二、 AST 抽象语法树 简单定义：以树的形式来表现编程语言的语
详解webpack babel的配置
08-28
本文将详细地介绍 Webpack 和 Babel 的配置，以便读者更好地理解和掌握这两种技术的配置。 Babel 介绍 Babel 是一个编译 JavaScript 的平台，它的强大之处表现在可以通过编译帮你达到： 1. 使用下一代的 ...
babel-7.16.0.zip
02-25
在 "babel-7.16.0.zip" 这个压缩包中，我们拥有 Babel 7.16.0 版本的源码，这为我们提供了深入理解其工作原理的机会。 1. **Babel 的核心功能** - **转换语法（Syntax Transformation）**: Babel 最主要的任务就是...
babel-handbook：有关如何使用Babel以及如何为Babel创建插件的指导手册
01-28
Babel的手册是学习和理解其工作原理、配置以及插件开发的关键资源。 **1. Babel的基本概念** - **转译**: Babel的主要功能是将现代JavaScript语法转换为广泛支持的ES5或更低版本的语法，确保代码在各种环境下运行...
babel-config-example
05-25
`babel-config-example` 是一个展示如何配置Babel的示例项目，特别适用于初学者或需要深入理解Babel配置的人。在这个项目中，你可以看到一个实际的Babel配置文件，以及它是如何与开发工作流程整合的。 **Babel 的...
面试题45：babel是什么，有什么作用？
qq_51066068的博客
06-14 1601
​babel是什么，有什么作用？ babel是一个ES6转码器，可以将 ES6 代码转为 ES5 代码，以便兼容那些还没支持ES6的平台
深入学习和理解Babel
weixin_45727472的博客
06-13 1854
对Babel的配置以及使用做一个深入的学习和总结
babel的作用是什么？
qq_33404590的博客
06-10 2245
https://www.cnblogs.com/lovesong/p/11109002.html Babel是什么 Babel是将ES6及以上版本的代码转换为ES5的工具。 它用 babel.config.js 或 .babelrc 文件作为配置文件，其中最为重要的配置参数是presets和plugins。 plugins：Babel插件可以将输入源码进行转换，输出编译后的代码。 presets：一组Babel插件，目的是方便使用。官方已经内置了一些preset，如babel-preset-env。 P.
babel使用基础介绍
yangyang的专栏
12-27 673
参考文章： https://www.cnblogs.com/lsgxeva/p/7758184.html#undefined http://www.ruanyifeng.com/blog/2016/01/babel.html https://segmentfault.com/a/1190000011155061#articleHeader17 https://github.com/easonyq/...
babel 的理解
前端精髓
02-07 778
Babel是一个 JavaScript 编译器，准确说是一个source-to-source编译器，通常称为“ transpiler”。这意味着您向 Babel 提供一些 JavaScript 代码，Babel 修改代码，并返回生成新代码。 babel在编译时候，会把源代码分为两部分来处理：语法syntax、api。 语法syntax比如const、let、模版字符串、扩展运算符等。 api比如Array.includes()等新函数。 @babel/core babel编译器。被拆分三个模块：@babel
JavaScript中的babel是什么？
Gavin_Liwei的博客
12-26 1912
JavaScript在不断的发展。各种新标准和提案层出不穷，但浏览器的多样性，导致可能几年内都无法广泛普及，babel可以让你提前使用这些语言特性，它是一种用途很多的Javascript编辑器，把最新版的JavaScript编译成当前可执行的版本，通俗点讲就是，利用babel就可以让我们在当前项目中随意的使用这些最新的ES6,ES7语法。
Babel的使用及其工作原理
cc_fys的博客
08-29 3250
Babel的包构成 核心包 babel-core：babel转译器本身，提供了babel的转译API，如babel.transform等，用于对代码进行转译。像webpack的babel-loader就是调用这些API来完成转译过程的。 babylon：js的词法解析器 babel-traverse：用于对AST（抽象语法树，想了解的请自行查询编译原理）的遍历，主要给plugin用 ba...
关于babel的一些理解
weixin_34324081的博客
10-26 100
1.babel-plugin-transform-runtime和babel-runtime的区别 babel-plugin-transform-runtime 实际上是依赖babel-runtime 因为babel编译es6到es5的过程中，babel-plugin-transform-runtime这个插件会自动 polyfill es5不支持的特性，我们只需要import Promi...
理解Babel
麦子
05-17 154
本文参考链接：https://mp.weixin.qq.com/s/C-WmM5tjfc3r4sB52C4R0Q 一、用途：Babel能够转译ES5+的代码，使它在浏览器里面能运行 二、抽象语法树：AST（节点上有type属性，还有若干描述信息对属性） 三、Babel工作过程： 1、Parse(解析)：将源代码转换成更加抽象的表示方法（AST） （1）词法分析：对代码进行“分词”，变成一个Tokens数组 ...
深入理解Babel：JavaScript编译器的工作原理
首先，Babel是什么？Babel被定义为一个JavaScript到JavaScript的编译器。它的作用并不像通常的编程语言编译器那样将高级语言转换为机器代码，而是将ES6+等新版本的JavaScript语法转换为广泛兼容的ES5或更低版本的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值