babel的简单使用

来源:互联网 发布:青岛大学网络教育 编辑:程序博客网 时间:2024/05/26 19:17


首先说好本文在介绍使用babel的使用的时候,未使用任何第三方框架和脚手架

首先安装babel:

npm  install -g babel-cli

上来第一件事先把babel装上了 ,这个时间会比较长一些。。。。

运行一下试试:

index.js中的内容:

()=>console.log(1);
就这么简单的一个匿名函数

运行一下;

babel index.js

结果很吃惊

babel并没有将es6代码转成es6

原因很简单,babel是一个强大的工具,但是需要规则,babel官网提供了多个规则集:babel-preset-2015  react 还有es7中的四个阶段草案。

这里就不一一写出来了  回头自己去官网查找相应的知识就可以了。

下载常用的集合

npm install -g babel-preset-es2015

下载完成后直接运行

babel index.js --presets es2015

你就会在控制台看到编译后的代码了

因为工作环境是无网环境,所以这些东西相对于有网的环境要难不少,轻松的地方也得益于node的头疼的包管理工具------npm,其他工具的babel使用

就不一一介绍; 

写上俩自己常用的参数吧

babel index.js -o 1.js定义输出文件

babel index.js -w -o 1.js   检测index.js的变化并输出到1.js

这基本常用的应该就足够了

最后附上中文官网和阮一峰老师的博客《Babel入门教程》

原创粉丝点击