使用babel进行es6到es5的转换

本文为结合http://www.07net01.com/2015/09/926960.html和http://www.cnblogs.com/axl234/p/5794863.html博文内容而得

1、首先安装babel-cli（用于在终端使用babel）  

　　npm install -g babel-cli

 

2、然后安装babel-preset-es2015插件

　　npm install --save babel-preset-es2015

　　注：Babel5版本默认包含各种转换插件，然而Babel6.x相关转换插件需要自己下载，如transform-es2015-arrow-functions、transform-es2015-classes等，而ES2015 preset包含了所有插件。如果不安装任何插件，那么在命令行进行转换是没有任何效果的！

　　其中--save参数自动更新package.json文件，写进依赖项

 

使用：

$ babel script.js --presets es2015

注：后面的参数--presets es2015表示使用该插件进行编译，如果不写上转换是没有效果的。

这样编译出来的ES5代码是直接显示在命令行中的，但代码量多时较难阅读：

所以我需要使用一些参数将编译后的代码保存：

$ babel -d [es5-dir] [es6-dir] --presets es2015

如：