认识Babel ***

Babel是一个转换ES6+语法到ES5的工具,确保代码在旧浏览器中运行。它不处理新API,如Promise。babel-polyfill提供ES6+的API补丁,但可能导致全局污染。babel-runtime则通过沙盒机制避免污染,按需引入所需功能。在项目中,选择使用取决于是否需要全局补丁和是否开发第三方库。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Babel是什么?
用于解析ES6,甚至比ES6更高级的语法,到ES5或ES4级别,满足浏览器的兼容性

环境搭建 & 基本配置

① package.json配置安装:

"devDependencies": {
  "@babel/cli": "^7.7.5",
  "@babel/core": "^7.7.5",
  "@babel/preset-env": "^7.7.5"
  "@babel/plugin-transform-runtime": "^7.7.5",
},
"dependencies": {
  "@babel/polyfill": "^7.7.0",
  "@babel/runtime": "^7.7.5"
}

.babelrc文件 配置:

  • plugins 里配置插件负责进行语法的转换
  • preset 预设,常用的plugins的集合,可以作为 Babel 插件的组合。
{
	"presets": [
		[
			"@babel/preset-env", //es6+常用语法的解析
		]
	],
	"plugins": [
	]
}

babel-polyfill

前置知识:

polyfill补丁:

polyfill是补丁,例如Array.IndexOf方法,根据浏览器的兼容情况,若不兼容,polyfill做一个补丁,使之兼容。

core-js 标准库:

core.js 是一个标准的库,集成了 ES6 ES7等所有新语法的polyfill(补丁),缺点是不支持regenerator的兼容性。

regenerator 运行时库:

这是 Face

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值