[TOC] # 插件 大多數人使用 Babel 的內建預設就足夠了，不過 Babel 提供了更多更細粒度的能力。 `@babel/preset-*` 就是一些預先配置好的插件的集合，如果你想要做一些不一樣的事情你會手動去設定插件，這和使用預設幾乎完全相同。 ```js { "plugins": [ - "transform-es2015-classes" + ["transform-es2015-classes", { "loose": true }] // "寬松"模式，通過放棄一些標準中的行為來生成更簡化且性能更好的代碼 ] } ``` # 自定義插件 **自定義插件原理：自定義的babel插件實際上是定義一個實例化的visitor對象，來處理一系列的AST節點，進而操作代碼。** # Visitor 對象 babel在處理一個節點時，是以訪問者的形式獲取節點的信息，并進行相關的操作，這種操作是通過visitor對象實現的。 在visitor 中定義了處理不同節點的函數。 # 參考 * [官網-Babel 插件](http://babeljs.io/docs/plugins/) * [Babel 插件開發指南](https://github.com/brigand/babel-plugin-handbook/blob/master/translations/zh-Hans/README.md) * [《從 0 到 1 手寫 babel》思路分享](https://juejin.cn/post/6962861837800964133) * [從零開始編寫一個 babel 插件](https://juejin.im/post/5a17d51851882531b15b2dfc) * [寫一個 babel 插件](https://cnodejs.org/topic/5a9317d38d6e16e56bb808d1)