babel 轉碼器的簡單使用

babel一般用於es6到es5的編碼轉換

首先安裝babel

npm install --global babel-cli

# 查看babel是否成功安裝
babel --version

npm初始化一個項目（'-y' 是默認配置）

npm init -y

項目裏創建babel的配置文件 .babelrc，並在 presets字段設定轉碼規則爲 es2015

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

安裝所需的組件包

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

 

項目內新建文件夾es6，並創建e6.js

let arr = [1,2,3,4];
arr = arr.map(item => item + 1);
console.log(arr);

 轉碼到es5文件夾下並重命名爲e5.js

babel .\es6\e6.js -o .\es5\e5.js

生成文件如下：

 可見轉碼已經完成

還可以整個文件夾下文件全部轉碼（js文件名不變）

babel es6 -d es5