babel的安裝和配置

Babel是一個廣泛使用的轉碼器,可以將ES6代碼轉爲ES5代碼,從而解決部分瀏覽器對es6 代碼不兼容的問題。

這意味着,你可以用 ES6 編寫程序,而不用擔心現有環境是否支持,因爲babel可以將ES6代碼轉換成ES5代碼。

下面是babel的安裝和配置步驟:

新建一個全英文文件夾 babel

在babel文件夾裏面新建一個src文件夾、一個lib文件夾

shift+鼠標右鍵 打開命令行

創建一個空的後綴名爲.babelrc的文件

輸入type nul>.babelrc

最後目錄結構:

在當前目錄下 shift+鼠標右鍵 打開命令行

npm init -y

安裝命令:

npm install --save-dev babel-cli

安裝將es6轉換成es5依賴包:

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

編寫配置文件(.babelrc ):

配置package.json文件:

src 表示寫的es6源文件放在src裏面,lib表示編譯後的es5的文件

在src裏面新建一個app.js文件:

命令行輸入進行es5 的轉換:

npm run build

查看lib文件夾,裏面有一個新生成的文件app.js:

lib裏面的文件是生成的es5的js文件

 

 

 

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