[Mark]使用 babel-6 进行开发

标签： es6

---

babel-6 （https://babeljs.io）发布了。babel-6 可以直接使用 babel-node xxx.js 启动，相当方便。

使用如下步骤改造你的项目，即可愉快的使用 es6 编写代码了。

---

1. 安装 babel

npm install -g babel
npm install -g babel-cli

如果你安装了 babel-5 ，请先进行清理：

npm uninsall -g babel
npm uninsall -g babel-cli

---

2. 添加 .babelrc

在项目更目录下，添加 .babelrc （地址：https://babeljs.io/docs/usage/babelrc/）

// 示例
{
  "ignore": [
    "node_modules",
    "bower_components"
  ],
  "presets": ["es2015"]
}

或者也可以添加到 package.json 中：

// 示例
{
  "name": "my-package",
  "version": "1.0.0",
  "babel": {
    // my babel config here
  }
}

具体的设置内容可以查看 http://babeljs.io/docs/usage/options/ 。

---

3. 添加 babel 插件

babel-6 的插件都独立了，如果需要使用，则需要在项目中使用 npm 安装依赖。示例中笔者使用了 es2015 ，所以需要在项目中添加依赖：

npm install babel-preset-es2015  --save

---

4. 测试框架

笔者的项目使用了 mocha （github：https://github.com/mochajs/mocha） 作为测试框架，改为 babel-6 之后，作如下修改：

1. 在项目中添加依赖：

npm install mocha --save-dev

2. 命令修改：

babel-node node_modules/mocha/bin/_mocha YOUR_TEST_FILES

---

5. 测试覆盖率

笔者之前使用 istanbul （github：https://github.com/gotwarlost/istanbul） 来收集 mocha 的测试结果，生成测试报告。使用 babel-6 后修改为 isparta （github：https://github.com/douglasduteil/isparta）。

1. 在项目中添加依赖：

npm install isparta --save-dev

2. 命令修改：

babel-node node_modules/isparta/bin/isparta cover node_modules/mocha/bin/_mocha -- YOUR_TEST_FILES