babel轉換es6到es5

下載babel-cli

npm install --global babel-cli

查看是否安裝成功

babel --version

初始化項目

npm init -y

寫一段es6代碼
es6文件夾下創建01.js文件

// 轉碼前
// 定義數據
let input = [1, 2, 3]
// 將數組的每個元素 +1
input = input.map(item => item + 1)
console.log(input)

在項目下創建配置文件.babelrc


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

安裝babel-preset-es2015

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

安裝完成後
創建一個轉碼完成後的代碼所存的文件的文件夾

mkdir dist

開始轉碼

babel es6的文件所在路徑 -o 轉碼到什麼文件中就寫什麼地方的文件路徑

babel es6/01.js -o dist/001.js

或者
babel es6文件所在文件夾 -d 要轉換的文件的文件夾

babel es6 -d dist

目錄結構
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章