I just checked my most recent frontend project that uses Typescript as much as possible. Here's how it works:

- src/.ts: Compile with esbuild in webpack

- tests/.test.ts: Compiled with babel

- jest.config.ts: Compiled with ts-node

- webpack.config.ts: Compiled with ts-node

In an ideal world, one tool should do everything but I doubt that will ever happen