簡單說明
??編寫的程式碼
首先通過babylon
的parse
方法,將程式碼轉為抽象語法樹(AST),之後會呼叫babel相關的外掛
更改AST語法樹
最後將修改後的AST再通過babel-generator
轉換為最終待執行的程式碼
轉換過程主要依靠babel-types
和babel-traverse
便捷地對AST語法樹進行增刪改查
這邊的外掛包括presets
和plugins
案例
小外掛案例 ? 地址
頁面左上角是專案原始碼,右下角是轉譯後的程式碼
頁面左下角是外掛原始碼,右上角是轉譯後的AST
一個確保所有的JSXElement
上的className
裡面都要有且僅有一個xmly
這個字元的外掛
連結
實現一個樣式便捷引用的小外掛功能
基於styled-jsx
,訪問地址,請點選