标签: 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