在windows命令行下安裝和使用babel（es6to5）

在本身的目錄下新建一個babel-test/目錄

進入這個目錄

1. 安裝babel命令和轉換庫：

     npm install babel-cli

     npm install babel-preset-es2015

 

2. 在當前目錄下新建文件夾： .babelrc

在文件夾中寫入：

{

  "presets": ["./babel-preset-es2015"]

}

 

3. 新建一個文件example.es6，內容以下：

import $ from 'jquery'

 

export class MyClass {

    constructor(name = 'nobody') {

        this.name = name;

    }

    getMyName() {

        return this.name;

    }

}

 

4. 安裝缺乏的相關庫

npm install ansi-regex ansi-styles escape-string-regexp has-ansi left-pad number-is-nan strip-ansi supports-color line-numbers

執行代碼：

babel example.es6 -o example.js

若是還報錯提示缺乏模塊：xxx-xxx

則安裝它

npm install xxx-xxx

 

5. 大功告成

而後，在當前目錄下，經過babel命令將es6代碼轉換成es5的代碼了！

文件轉化示例：

babel example.es6 -o example.js

文件夾轉化示例：

babel -d example-es5/ example-es6

 

2015.12.1 yaoel

個人聯繫方式：yaoel@outlook.com

 

參考：

在線轉換

babel官網

資料1