标签: 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 之后,作如下修改:
- 在项目中添加依赖:
npm install mocha --save-dev
- 命令修改:
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)。
- 在项目中添加依赖:
npm install isparta --save-dev
- 命令修改:
babel-node node_modules/isparta/bin/isparta cover node_modules/mocha/bin/_mocha -- YOUR_TEST_FILES