標(biāo)簽: es6
babel-6
(https://babeljs.io)發(fā)布了。babel-6
可以直接使用 babel-node xxx.js
啟動(dòng),相當(dāng)方便。
使用如下步驟改造你的項(xiàng)目,即可愉快的使用 es6
編寫代碼了。
1. 安裝 babel
npm install -g babel
npm install -g babel-cli
如果你安裝了 babel-5
,請(qǐng)先進(jìn)行清理:
npm uninsall -g babel
npm uninsall -g babel-cli
2. 添加 .babelrc
在項(xiàng)目更目錄下,添加 .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
}
}
具體的設(shè)置內(nèi)容可以查看 http://babeljs.io/docs/usage/options/ 。
3. 添加 babel 插件
babel-6
的插件都獨(dú)立了,如果需要使用,則需要在項(xiàng)目中使用 npm
安裝依賴。示例中筆者使用了 es2015
,所以需要在項(xiàng)目中添加依賴:
npm install babel-preset-es2015 --save
4. 測(cè)試框架
筆者的項(xiàng)目使用了 mocha
(github:https://github.com/mochajs/mocha) 作為測(cè)試框架,改為 babel-6
之后,作如下修改:
- 在項(xiàng)目中添加依賴:
npm install mocha --save-dev
- 命令修改:
babel-node node_modules/mocha/bin/_mocha YOUR_TEST_FILES
5. 測(cè)試覆蓋率
筆者之前使用 istanbul
(github:https://github.com/gotwarlost/istanbul) 來(lái)收集 mocha
的測(cè)試結(jié)果,生成測(cè)試報(bào)告。使用 babel-6
后修改為 isparta
(github:https://github.com/douglasduteil/isparta)。
- 在項(xiàng)目中添加依賴:
npm install isparta --save-dev
- 命令修改:
babel-node node_modules/isparta/bin/isparta cover node_modules/mocha/bin/_mocha -- YOUR_TEST_FILES