簡介?

Babel是一個廣泛使用的轉碼器，可以將ES6代碼轉為ES5代碼，從而在現有環境執行執行。

這意味著，你可以現在就用 ES6 編寫程序，而不用擔心現有環境是否支持。

安裝

安裝命令行轉碼工具

Babel提供babel-cli工具，用于命令行轉碼。它的安裝命令如下：

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

Babel的使用

初始化項目

npm init -y

創建文件

src/example.js

下面是一段ES6代碼：

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

配置.babelrc

Babel的配置文件是.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

?

總結

以上是生活随笔為你收集整理的babel转码器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。