babel可不可以将es6转换为es5(babel,es6,web开发)

时间:2024-05-01 15:12:05 作者 : 石家庄SEO 分类 : web开发
  • TAG :

    babel%E5%8F%AF%E4%B8%8D%E5%8F%AF%E4%BB%A5%E5%B0%86es6%E8%BD%AC%E6%8D%A2%E4%B8%BAes5

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的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:async属不属于es6属性下一篇:

10 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18