babel-plugin-syntax-typescript

import { transformSync } from '@babel/core'; // Example TypeScript code with type annotations const tsCode = ` interface User { id: number; name: string; } function greetUser(user: User): string { return `Hello, ${user.name}! Your ID is ${user.id}.`; } const currentUser: User = { id: 123, name: 'Alice' }; console.log(greetUser(currentUser)); `; // The plugin-syntax-typescript *only* allows parsing, not transformation (type removal) // To transform (remove types), we usually use @babel/preset-typescript try { const parsedOnly = transformSync(tsCode, { // Using the syntax plugin directly requires 'isTSX' or 'dts' options for context // For simple TS parsing, it works, but doesn't remove types. plugins: [['@babel/plugin-syntax-typescript', { isTSX: false, dts: false }]], filename: 'input.ts' // Crucial for Babel to correctly interpret .ts files }); console.log('--- Parsed Only (types still present in AST, but not transformed) ---'); console.log(parsedOnly.code); // To actually remove types and transpile to plain JavaScript const transformedCode = transformSync(tsCode, { presets: ['@babel/preset-typescript'], // This preset includes both syntax and transform plugins filename: 'input.ts' }); console.log('\n--- Transformed (types removed) ---'); console.log(transformedCode.code); } catch (error) { console.error('Babel transformation failed:', error); }