1. 程式人生 > >babel的安裝

babel的安裝

1)安裝babel-cli,用於在終端使用babel

npm install –g babel-cli

(2)安裝babel-preset-es2015外掛

npm install - -save bable-preset-es2015,其中- -save引數自動更新package.json檔案,寫進依賴項

(3)在命令列輸入: babel es6.js - -presets es2015

輸出:
 "use strict";
  [1, 2, 3].map(function (x) {
   return x * x;
  })

(4)外掛配置

每一次都寫上該引數那是很麻煩的,可以在當前目錄下新建配置檔案 .babelrc。

但是在windows系統中,不允許直接右鍵建立沒有檔名的檔案,可以通過cmd命令列建立:在當前資料夾開啟cmd並鍵入命令

  type nul>.babelrc

 即可在當前目錄下建立檔案.babelrc,接著在檔案中寫入:

 {
   "presets": ['es2015']
 }

 除了建立.babelrc檔案之外,也可在package.json中進行配置,新增以下屬性即可:

"babel": {
     "presets": ["es2015"]
  }