Babel 轉碼器

Babel?是一個廣泛使用的 ES6 轉碼器，可以將 ES6 代碼轉為 ES5 代碼，從而在現有環境執行。這意味著，你可以用 ES6 的方式編寫程序，又不用擔心現有環境是否支持。下面是一個例子。

// 轉碼前 input.map(item => item + 1); // 轉碼后 input.map(function (item) { return item + 1; });

上面的原始代碼用了箭頭函數，Babel 將其轉為普通函數，就能在不支持箭頭函數的 JavaScript 環境執行了。

配置文件.babelrc

Babel 的配置文件是.babelrc，存放在項目的根目錄下。使用 Babel 的第一步，就是配置這個文件。

該文件用來設置轉碼規則和插件，基本格式如下。

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

presets字段設定轉碼規則，官方提供以下的規則集，你可以根據需要安裝。

# 最新轉碼規則 $ npm install --save-dev babel-preset-latest # react 轉碼規則 $ npm install --save-dev babel-preset-react # 不同階段語法提案的轉碼規則（共有4個階段），選裝一個 $ npm install --save-dev babel-preset-stage-0 $ npm install --save-dev babel-preset-stage-1 $ npm install --save-dev babel-preset-stage-2 $ npm install --save-dev babel-preset-stage-3

然后，將這些規則加入.babelrc。

{"presets": [ "latest", "react", "stage-2" ], "plugins": [] }

注意，以下所有 Babel工具和模塊的使用，都必須先寫好.babelrc。

轉載于:https://www.cnblogs.com/yuexiuyi/p/7395660.html

超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生

總結

以上是生活随笔為你收集整理的Babel概述及使用的全部內容，希望文章能夠幫你解決所遇到的問題。

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