TypeScript's import type: The Flag That Makes Builds Honest

In the blog post, Alexandre Gaubert discusses the importance of using the "import type" feature in TypeScript to optimize and clarify JavaScript build processes. Although TypeScript is crucial for modern JavaScript applications, it doesn't execute code, leading to potential confusion during the build process when bundlers mistakenly incorporate type information as if it were executable code. The introduction of the "verbatimModuleSyntax" compiler option in TypeScript 5.0 requires developers to explicitly distinguish between type-only imports and runtime code, eliminating unnecessary "ghost imports" and creating cleaner, more efficient, and accurate builds. This change aligns the mental model of code with its actual execution, ensuring that imports reflect true runtime dependencies, reducing build times, and preventing integration errors. Gaubert emphasizes the importance of adopting this practice, as it represents a shift towards more explicit and reliable coding standards in the TypeScript ecosystem and is encouraged by frameworks like Next.js and Vite.