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文件