利用babel將es6語法轉es5的簡單示例

發(fā)布時間：2020-10-08 18:23:29 來源：腳本之家閱讀：179 作者：蔣哲欄目：web開發(fā)

前言

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

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

本文講解需預裝node和npm。大家可以參考這篇文章：https://www.jb51.net/article/90518.htm，這里介紹的非常詳細。

文件目錄結構

利用babel將es6語法轉es5的簡單示例

生成包管理配置文件package.json

npm init -y

安裝轉換工具

npm i -g babel-cli

npm i --save-dev babel-preset-es2015 babel-cli

在.babelrc文件中寫入如下內容

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

編譯文件

babel src/test.js -o dist/test.js

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對億速云的支持。

向AI問一下細節(jié)

猜你喜歡