Bable

已于 2022-04-19 15:25:14 修改
阅读量1.1k 收藏 3
点赞数
分类专栏： 前端开发 文章标签： 前端
于 2022-04-19 15:23:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46273011/article/details/124272136
版权
Babel是一个将ES6及以上版本的JavaScript代码转换为广泛兼容的JS语法的工具，确保代码能在大多数浏览器中运行。通过官网了解并设置CLI，首先需要下载安装Node.js。初始化项目后，使用npm安装Babel及相关配置，创建`.babelrc`文件以指定转化规则。最终，通过npm run build命令将源代码转译。
摘要由CSDN通过智能技术生成

作用

Bable的作用是将ES6版本的js语言编译成多大浏览器兼容性更好的的低版本js语言。

官网

https://babeljs.io/

Bable的使用（SetUp）

CLI：在窗口命令行中使用

准备工作

node.js的下载，node.js可以理解为平台，类比于浏览器。

node.js有两层理解的意思：1，上面所说的平台；2，后端的编程语言

npm是对下载到node.js该平台的包进行管理

node.js的下载

官网下载（下载左边的稳定版本）

Node.js https://nodejs.org/en/

最低0.47元/天 解锁文章
好好睡觉好好学习好好吃饭
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
bable.js是什么
ZZhXuan的博客
02-04 455
browers=bable 为了把高版本的ES6编译成低版本的，以供浏览器读取顺利 有两个方法 引入本地bable。（不建议）容易出事儿，比如延迟，或者某些奇奇怪怪的问题 在线编译bable。（建议） 引入本地：（不建议） // 1.引入babel包 <script src="browser.min.js" charset="utf-8"></script> // 2.修改类型 <script type="text/babel"> </script>
Node.js babel
Claroja
01-09 104
并不是所有浏览器都支持ES6,所以要将代码进行降级转换. bable可以将高级的js代码转换为低级的js代码 npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node npm install --save @babel/polyfill 3.项目跟目录创建文件 babel.config.js ,并写入 const presets = [ ["@babel/env", { t
使用bable打包js
国家一级程序员
08-20 293
将js中的高级语法转换成浏览器支持的方式。
JS & 介绍 Babel 的使用及 presets & plugins 的概念
cookcyq__的博客
06-17 2962
Babel 给 ES6/7/8/9 Typescript、React / Vue3 JSX 等"语法糖"带来无限的可能。
ES6开发环境搭建node.js+npm+webpack+webpack-dev-server+bable
X01动力装甲的专栏
07-23 402
ES6开发环境搭建：node.js+npm+webpack+webpack-dev-server+bable 安装node.js+npm 初始化npm环境 安装webpack 安装webpack-dev-server 安装bable 1、环境搭建。 使用的是webstorm。已经安装过了 node.js 。node -v 查看版本号。 安装 npm: npm install 查看...
bable安装
qq_40523037的博客
12-30 165
原地址 https://www.jspang.com/detailed?id=40 如何安装babel1.初始化项目 1.初始化项目 ** 初始化项目 ** 在安装Babel之前，需要用npm init先初始化我们的项目。打开终端或者通过cmd打开命令行工具，进入项目目录，输入下边的命令： npm init -y -y代表全部默认同意，就不用一次次按回车了。命令执行完成后，会在项目根目录下生产...
Python库 | bable_interface-1.1.0-py3-none-linux_armv7l.whl
02-15
在这个例子中，`bable_interface`是包名，`1.1.0`是版本号，`py3`表示它是为Python 3设计的，`none`表示没有特定的ABI（应用程序二进制接口），`linux_armv7l`代表它适用于Linux操作系统和ARMv7架构的处理器。...
mysql5.1_bable.rar_数据库原理
09-22
`mysql5.1_bable.CHM` 文件可能是一个帮助文档，它包含了关于 MySQL 5.1 的详细指南。CHM（Compiled Help Manual）是微软编译的帮助文件，通常包含索引、搜索和主题章节，用于方便用户查阅。在这个文件中，你可以...
Bable_Dragon.zip
05-08
"Bable_Dragon.zip"这个压缩包文件包含了与Unity3D相关的多个资源，通过深入挖掘这些资料，我们可以对Unity3D的使用有更全面的理解。 首先，我们看到有"2——201602150116李天赐(任务书) - 副本.doc"和"4——...
详解Vue iview IE浏览器不兼容报错（Iview Bable polyfill）
10-17
这种方法的配置在bable.config.js文件中，通过设置presets的useBuiltIns为'entry'，让Babel在编译时根据browserslist的配置自动添加所需的polyfill。尽管这样做可以覆盖全局代码，但它可能引入一些实际上用不到的...
webpack-babel-转换ES678语法，兼容低版本浏览器
weixin_45002586的博客
11-15 1127
webpack-babel-转换ES678语法，兼容低版本浏览器
Babel从入门到使用
maxandcc的博客
07-23 394
1.认识Babel 首先呢，我们来看一下Babel的官网：https://babeljs.io/,官网中给出的官方解释是：Babel is a JavaScript compiler.Use next generation JavaScript, today.（Babel是一个JS的编译器。有了Babel之后，我们就可以使用下代的JS了。）也就是说Babel是可以将ES6代码编译成ES5或者更早的版本，这样就可以不用考虑浏览器的兼容性问题了。 2.使用Babel 在官...
Babel
visibleforest的博客
08-15 663
一、认识Babel 使用Babel官网https://www.babeljs.io/提供的在线编译器; Babel是什么： Babel是javaScript的编译器，用来将ES6的代码，转换成ES6之前的代码。 Babel本身可以编译ES6的大部分语法，比如let/const/箭头函数/类，但是对于ES6新增的API，比如Set、Map、Promise等全局对象，以及一些定义在全局对象上的方法（比如Object.assign/Array.from）都不能直接编译，需要借助其它的模块。 Babel一
Babeljs简介与使用
CamphorBlossom的博客
07-28 5274
ES6-babel工具简介
Babel简介
qq_45802159的博客
12-26 338
Babel简介 国内站点：https://www.babeljs.cn/ 官方站点：https://babeljs.io/ 插件是小型的 JavaScript 程序，用于指导 Babel 如何对代码进行转换 预设即一组预先设定的插件 @babel/core @babel/cli @babel/preset-env @babel/polyfill 安装使用 创建babel-demo目录，并在该目录下...
＜Babel＞ 前端语言的巴别塔
最新发布
前端啤酒屋
07-17 1241
Babel取自人类语言最早的传说，Tower of Babel。上帝摧毁了巴别塔上说着共同语言的我们，又被Babel重新带了回来。如果说巴别塔是人们对混乱到秩序的向往，那Babel在前端领域就带给了工程师放飞语法的所有畅想。Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中...
前端学习--Bable的使用步骤
susud的博客
04-08 730
1、安装工具 babel-cli 命令行工具 babel-preset-env 预设包 browserify 打包工具（项目一般用webpack 在这里用browserify 是因为比较方便） 2、通过npx bable src/js(原js文件目录) -d dist/js(转换之后的js文件目录) 局部安装要用 npx bable命令 如果全局安装bable 可以直接使用bable命令 npx babel src/js -d dist/js --presets=babel-pre...
Babel是什么？Babel到底可以用来干嘛___一文带你从零开始认识Babel
热门推荐
Sumshine12.5
12-21 1万+
引入 在此之前或许你已经用过babel，也许听说过什么 babel-loader babel-core、babel-cli、babel-plugin-…、babel-preset-env 反正各种乱七八糟的做项目随便用一一下就可以了，对他只有个一知半解，甚至不知道他到底是干什么的，反正项目要用，照着用就行了，至少博主之前的状态是这样，如果只对他有个一知半解甚至都不了解，那么项目出bug了你都不知道怎么去调试，只能复制–>粘贴–>百度。 基于此，写下自己对Babel的理解。 Babel是什么？ 我
1.编写Aable接口,包含抽象方法iCanDoA(); 2.编写Bable接口,包含抽象方法iCanDoB(); 3.编写Something类;实现Aable接口,Bable接口,并包含name属性,构造方法。 4.编写ABable接口;继承Aable接口 和 Bable接口,并
05-27
包含抽象方法iCanDoAB()。 以下是代码示例： ```java // Aable接口 public interface Aable { void iCanDoA();...同时，ABable接口继承了Aable和Bable接口，并添加了iCanDoAB()方法，可以在需要的地方使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值