[Mark]使用 babel-6 進(jìn)行開發(fā)

標(biāo)簽: es6


babel-6https://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 之后,作如下修改:

  1. 在項(xiàng)目中添加依賴:
npm install mocha --save-dev
  1. 命令修改:
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)。

  1. 在項(xiàng)目中添加依賴:
npm install isparta --save-dev
  1. 命令修改:
babel-node node_modules/isparta/bin/isparta cover node_modules/mocha/bin/_mocha -- YOUR_TEST_FILES
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容