- TypeScript transformation
- The
tsccompiler doesn’t yet let you run your own transforms. - And what if your project isn’t using TypeScript?
- The
- esbuild doesn’t allow you to manipulate the AST
- Babel Plugin (That’s my option)
- More powerful & easier to conceptualize.
- Babel Macros (https://github.com/kentcdodds/babel-plugin-macros)
- Useful for
create-react-appand things that don’t allow you to change configuration easily. - Macros have to be CommonJS
- A Babel visitor must be synchronous and the visitor needs to
require()the macro definition, butimport()is async.
- A Babel visitor must be synchronous and the visitor needs to
- The interface is more limited (for example, I think it doesn’t give you easy access to the output file name).
- The emotion documentation, for example, also recommends a Babel plugin approach instead of a macro if you can, because it allows for extra optimizations.
- Useful for
- recast (https://github.com/benjamn/recast & https://github.com/benjamn/ast-types)
- It’s more for codemods, where a human is involved in looking at the output.
- Doesn’t offer a lot more on top of Babel. It’s purpose is, for example, to preserve whitespace in the code, which we don’t care about.
- https://github.com/facebook/jscodeshift
- codemod seems abandoned
- Based on recast
- Seems to only be useful if you’re already in the context of codemods
- https://github.com/acornjs/acorn
- More popular than Babel, but requires other auxiliary tools
- https://github.com/estools/escodegen
- https://github.com/swc-project/swc
- Plugin is written in Rust.
- Useful references:
- Implementation references:
Created
March 30, 2024 13:34
-
-
Save leafac/a848715c25c935568bdcfa73278f3ad9 to your computer and use it in GitHub Desktop.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment