安裝："@babel/cli": "^7.7.7", "@babel/core": "^7.7.7",
1. -d,--out-dir [out] 指定輸入目錄，編譯輸出到指定目錄
npx babel src -d lib
2. --source-maps [true,false,inline,both] 增加source map檔案
npx babel src -d lib --source-maps
3. -o,--out-file [out] 指定輸入檔案或目錄，合併編譯輸出到乙個新檔案
npx babel index.js -o compile.index.js
4. -w,--watch 監聽檔案修改並執行編譯
npx babel src -d lib --source-maps --watch
5. --ignore 忽略指定正則檔案
npx babel src -d lib --source-maps --ignore "node_modules/**/*.js"
6. --copy-files 拷貝檔案(可通過其方式實現)
npx babel src -d lib --copy--files
7. 通過管道輸入檔案
npx babel src -o compiled.js8. --plugins 使用外掛程式
npx babel src -d lib --plugins=@babel/plugin-transform-arrow-functions
9. --presets 預設
npx babel src -d lib --presets=@babel/preset-env
10. --no-babelrc 忽略.babelrc，並通過命令列引數執行構建流程
npx babel --no-babelrc src -d lib --plugins=@babel/plugin-transform-arrow-functions
11. 自定義配置檔案路徑
npx babel --config-file /path/to/my/babel.config.json --out-dir dist ./src
Babel學習系列2 Babel設計,組成
第一篇 babel學習系列1 babel歷史 上篇講了 babel 的歷史，為了解決es6瀏覽器不支援的問題，這篇聊下babel的整個設計,基本組成 在 alloyteam 找的圖，ast abstract syntax tree,抽象語法樹 從圖上可以看到，babel 會將我們寫的 轉換ast 之...
Babel轉碼快速入門
閱讀基礎 能在node環境下使用npm yarnbabel 可以將 es6 轉為 es5 從而可以在不支援 es6 的環境執行，下面是乙個例子 轉碼前 a a 1 轉碼後 function a 上面的 使用了箭頭函式，babel 將其轉為普通函式。babel 雖然支援瀏覽器環境，但網頁實時將 es6...
專案配置 babel
一，外掛程式plugins 轉換外掛程式和語法外掛程式。如下 僅支援轉換箭頭函式，如果想將其它的新的js特性轉換成低版本，需要使用其它對應的 plugin 如果我們乙個個配置的話，會非常繁瑣，因為你可能需要配置幾十個外掛程式，所以。預設。babelrc 二，預設 preset babel prese...