Javascript 将babel编译代码转换为常规js

Javascript 将babel编译代码转换为常规js,javascript,html,css,babeljs,Javascript,Html,Css,Babeljs,我从codepen得到了一个示例代码,我想更好地理解它。我注意到js代码是用Babel编译的。因为我对JS比较陌生,所以我更愿意看标准的javascript代码,所以我想问你是否有办法将babel JS转换为常规JS。我做了一些调查,但什么也没找到 顺便说一下,这是巴别塔密码 const parent=document.getElementById(“项目”); const closeButton=document.getElementById(“项目关闭”); const projectIt

我从codepen得到了一个示例代码,我想更好地理解它。我注意到js代码是用Babel编译的。因为我对JS比较陌生,所以我更愿意看标准的javascript代码,所以我想问你是否有办法将babel JS转换为常规JS。我做了一些调查,但什么也没找到

顺便说一下,这是巴别塔密码

const parent=document.getElementById(“项目”);
const closeButton=document.getElementById(“项目关闭”);
const projectItems=document.queryselectoral(“.project项”);
closeButton.addEventListener(“单击”,打开项目关闭);
projectItems.forEach(item=>item.addEventListener(“单击”,onProjectClick));
函数onProjectClick(事件){
const{target}=事件;
const{width,height,top,left}=target.getBoundingClientRect();
const clone=document.createElement(“div”);
clone.style.height=高度+px;
clone.style.width=width+“px”;
clone.style.top=top+“px”;
clone.style.left=left+“px”;
clone.style.position=“绝对”;
clone.style.zIndex=10;
clone.classList.add(“项目项”);
clone.classList.add(“克隆”);
clone.innerHTML=target.innerHTML;
document.body.appendChild(克隆);
gsap.timeline()。
到(克隆,1.5{
位置:“固定”,
排名:0,
左:0,,
宽度:“100%”,
高度:“100vh”,
ease:Expo.easeInOut})。
添加(()=>document.body.classList.add(“项目页面”))。
设置(克隆{
溢出:“自动”});
}
函数onProjectClose(){
document.body.classList.remove(“项目页面”);
const clone=document.querySelector(“.clone”);
gsap.to(克隆,1{
clipPath:“插图(100%0 100%0)”,
ease:Sine.easeInOut,
onComplete(){
clone.remove();
} });
gsap.to(克隆查询选择器(“img”),1{
比例:0.7,
ease:Sine.easeInOut});

}
这是一段JavaScript代码片段。你说的巴别塔密码是什么意思?