1.babel

babel官方網址

2. 安裝

npm i babel-cli -g 

通過上面命令進行babel的安裝,其中i表示安裝install的意思, -g表示安裝到全局

3.使用

創建文件es6.js

let num = [1,2,3,4]; let plusDouble = num.map(item => item * 2); console.log(plusDouble); 

然后使用命令進行編譯:

babel es6.js -o compiled.js 

然后就會在當前目錄下出現編譯之后的文件,就這樣,我們完成了編譯的過程,但是,當我們進行運行編譯之后的文件時,仍然會報錯,其實主要原因是上面的編譯沒有加約束條件,也就是沒有告訴babel去怎么編譯,那下面我們就進行對babel進行配置

4. 配置

(1)通過文件配置

在項目目錄下創建文件.babelrc,在文件中書寫如下代碼:,由于babel是通過插件的形式進行使用,所以在下面代碼中通過添加對象預設和插件

{  "presets": [],  "plugins": [] } 

安裝插件,在下面這個插件的使用,可以將ES6代碼編譯為ES5代碼:

npm i --save-dev babel-preset-es2015 

(代碼中--save-dev代表安裝在本地開發依賴中)

然后將.babelrc中的文件進行修改為以下內容: 

{  "presets": ["es2015"],  "plugins": [] } 

至此,我們已