babel可不可以将es6转换为es5
导读:本文共3763字符,通常情况下阅读需要13分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:ECMAScript 6(ES6)的发展速度非常之快,但现代浏览器对ES6新特性支持度不高,所以要想在浏览器中直接使用ES6的新特性就得借助别的工具来实现。Babel是一个广泛使用的转码器,babel可以将ES6代码完美地转换为ES5代码,所以我们不用等到浏览器的支持就可以在项目中使用ES6的特性。babel 6与之前版本的区别:之前版本只要安装一个babel就可以用了,所以之前的版本包含了一大... ...
目录
(为您整理了一些要点),点击可以直达。babel 6与之前版本的区别:
本文中,我们不讨论ES6的语法特性,重点讲的是如何将ES6代码转码为ES5代码。
Babel转码:
如果你并没有接触过ES6,当你看到下面的代码时,肯定是有点懵逼的(这是什么鬼?心中一万头神兽奔腾而过),但是你没看错,这就是ES6。不管你看不看它,它都在这里。
vara=(msg)=>()=>msg;
实际上,上面的这段代码通过Babel转换后,会变成:
"usestrict";
好,言归正传,我们尝试下用一些方法来实现上面的转码效果吧。
1、直接安装Babel法:
$npminstall-gbabel-cli
如果将babel直接安装到项目中,它会自动在package.json文件中的devDependencies中加入babel-cli。如下所示:
这个文件的完整文件名是 “.babelrc”,注意最前面是有个“.”的。由于我的电脑是Windows系统,所以在新建这个文件的时候老是提示 “必须键入文件名” 的错误。后来谷歌了下,发现创建这个文件的时候,把文件名改成“.babelrc.”,注意是前后都有一个点,这样就可以保存成功了
点击此处到Babel中文官网presets配置页面:Babel Plugins
babel可不可以将es6转换为es5的详细内容,希望对您有所帮助,信息来源于网络。