是前端開發環境必備工具。用於把ES6語法轉換為ES5、ES4，相容不同瀏覽器。
- 環境搭建 & 基本配置
安裝一些外掛、配置.babelrc。透過plugins裡面的東西轉換語法。preset-env是一堆plugin的集合。
npx babel src/index.js
- babel-polyfill
瀏覽器補丁。core-js標準的庫，整合了所有ES6新語法的polyfill(補丁)，不用挨個去找。 regenerator：ES6有個generator函式，core-js不支援generator語法，regenerator庫支援generator的語法，被引用進來。
babel對於新的api比如Promise、陣列的includes()都不支援。它只能解析語法。這時要引入babel-polyfill。而且babel不處理模組化。
按需引入：把import入口刪掉，再去配置。
這個時候只有core-js的引入。
babel-polyfill的問題：
汙染全域性環境。
如果是自己開發的web系統就沒啥關係，但如果做的是第三方lib就會有問題。因為有別的使用者會出錯。怎麼解決？babel-runtime。
- babel-runtime
安裝外掛，devDpendencies dependencies
corejs版本一定要設定為3.結果👇重新換了個名字。
