ES6轉ES5(Babel轉碼器)

ES6轉ES5(Babel轉碼器)

前提:必須在VScode中已經安裝了Node.js 官網://nodejs.org/en/

一、安裝命令行轉碼工具

npm install --global babel-cli
#查看是否安裝成功
babel --version

二、初始化項目

npm init -y

三、新建名為「.babelrc」文件

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

presets欄位設定轉碼規則,將es2015規則加入 .babelrc:
{
    "presets": ["es2015"],
    "plugins": []
}

四、安裝轉碼器

npm install --save-dev babel-preset-es2015

五、轉碼

# 轉碼結果寫入一個文件
mkdir dist1
# --out-file 或 -o 參數指定輸出文件
babel src/example.js --out-file dist1/compiled.js
# 或者
babel src/example.js -o dist1/compiled.js
# 整個目錄轉碼
mkdir dist2
# --out-dir 或 -d 參數指定輸出目錄
babel src --out-dir dist2
# 或者
babel src -d dist2 

主要是覺得前端的東西有時候不常用,就會遺忘,所以在此做個記錄,以防忘記後,又得搜索一些相關的資料。

Tags: