开始使用Babel！

[magicmai]

About Babel

Babel 是一个转换编译器，它能将 ES6 转换成可以在浏览器中运行的代码。Babel 由来自澳大利亚的开发者 Sebastian McKenzie 创建。他的目标是使 Babel 可以处理 ES6 的所有新语法，并为它内置了
React JSX 扩展及 Flow 类型注解支持。

安装与使用

1. 全局安装：npm install babel-cli -g

2. 在项目文件中安装 babel-preset-es2015 等插件：npm install --save babel-preset-se2015

• 更多的插件

3. es6 代码转为 es5 代码：babel es6.js --presets es2015

• 但此方法略麻烦，简化方法如下 ：

  • 在项目文件中新建 .babelrc 文件：type nul > .babelrc
  • 在文件中写入：

  {
      presets": ["es2015"]
  }
  

  • 转换：babel es6.js

常用命令

1. 转换文件： babel es6.js

2. 转换后输出文件：
   babel es6.js -o es5.js 或 babel es6.js --out-file es5.js

3. 实时监控转换代码：
   babel es6.js -w --out-file es5.js 或 babel es6.js -watch --out-file es5.js

4. 编译整个src文件夹输出到lib文件夹：
   babel src -d lib 或 babel src --out-dir lib

5. 编译整个src文件夹并输出到一个文件中：
   babel src --out-file es5.js

6. 在命令行中直接运行es6代码：
   babel-node

Thanks：)

Babel官网

Babel中文网

Babel 入门教程 - 阮一峰

ES6学习之Babel的正确安装姿势