JAVA全系列 教程
3762个小节阅读:7091.8k
目录
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在老版本的浏览器执行。这意味着,你可以用 ES6 的方式编写程序,又不用担心现有环境是否支持
浏览器支持性查看
Babel官网
原始代码用了箭头函数,Babel 将其转为普通函数,就能在不支持箭头函数的 JavaScript 环境执行了
x// 转码前
input.map(item => item + 1);
// 转码后
input.map(function (item) {
return item + 1;
});
xxxxxxxxxx
npm install --save-dev @babel/core
.babelrc
Babel 的配置文件是.babelrc,存放在项目的根目录下。使用 Babel 的第一步,就是配置这个文件。
该文件用来设置转码规则和插件,基本格式如下
xxxxxxxxxx
{
"presets": [],
"plugins": []
}
presets字段设定转码规则,官方提供以下的规则集,你可以根据需要安装
xxxxxxxxxx
npm install --save-dev @babel/preset-env
.babelrc
xxxxxxxxxx
{
"presets": [
"@babel/env"
],
"plugins": []
}
Babel 提供命令行工具@babel/cli
,用于命令行转码
xxxxxxxxxx
npm install --save-dev @babel/cli
基本用法如下
xxxxxxxxxx
# 转码结果输出到标准输出
$ npx babel example.js
# 转码结果写入一个文件
# --out-file 或 -o 参数指定输出文件
$ npx babel example.js --out-file compiled.js
# 或者
$ npx babel example.js -o compiled.js
# 整个目录转码
# --out-dir 或 -d 参数指定输出目录
$ npx babel src --out-dir lib
# 或者
$ npx babel src -d lib
实时效果反馈
1. Babel的作用是什么:
A Babel是ES6的一部分,是ES6的新特性
B Babel是ES6的转码器,可以将 ES6 代码转为 ES5 代码
C Babel是配置文件,配置ES6环境
D Babel是ES5的基础知识
2. 下列哪个是安装Babel命令转码工具:
A npm install --save-dev @babel/core
B npm install --save-dev @babel/preset-env
C npm install --save-dev @babel/cli
D npx babel example.js
答案
1=>B 2=>C