使用Babel轉碼 將es6轉為es5

菊棟啊發表於2020-12-21

ES6的某些高階語法在瀏覽器環境甚至是Node.js環境中無法執行。Babel是一個廣泛使用的轉碼器,可以將ES6程式碼轉為ES5程式碼,從而在現有環境執行執行。這意味著,你可以現在就用 ES6 編寫程式,而不用擔心現有環境是否支援。

1、安裝

Babel提供babel-cli工具,用於命令列轉碼。它的安裝命令如下:(全域性安裝,)

npm install -g babel-cli

#檢視是否安裝成功

babel --version

2、初始化專案

在專案根目錄下初始化專案


npm init -y

3、配置.babelrc

Babel的配置檔案是.babelrc,建立個.babelrc名稱的檔案存放在專案的根目錄下,該檔案用來設定轉碼規則和外掛,presets欄位設定轉碼規則



{

    "presets": ["es2015"],

    "plugins": []

}

4、安裝轉碼器

在根目錄中安裝


npm install -D babel-preset-es2015

5、轉碼

# 整個目錄轉碼

# --out-dir 或 -d 引數指定輸出目錄

babel src -d dist

 

相關文章