首先说好本文在介绍使用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入门教程》