TypeScript 포매터 및 JavaScript 트랜스파일러은(는) 무엇을 하나요?
브라우저에서 TypeScript를 형식 지정하거나 한 파일을 JavaScript로 트랜스파일합니다. 검증된 기능: Prettier TypeScript formatting, TypeScript compiler transpilation, Four ECMAScript targets, ES module and CommonJS output.
Transpilation is not project type checking or bundling
Use format mode for source maintenance. Use transpilation for a quick, isolated view of emitted JavaScript. Use the project compiler and bundler for authoritative type checking, dependency resolution, path aliases, declaration output, and production builds. This page never executes the pasted source or emitted result.
사용 방법
- Choose Format TypeScript for readable source or Transpile to JavaScript to erase types and emit runnable syntax.
- For transpilation, select the intended ECMAScript target and choose ES module or CommonJS output.
- Paste one TypeScript file no larger than 2 MB, run the operation, then review and download the result.
실제 입출력 예시
Erase TypeScript declarations from a typed function
입력
interface Tool { name: string; local: boolean }
const label = (tool: Tool): string => tool.local ? tool.name : `${tool.name} (API)`;출력
const label = (tool) => tool.local ? tool.name : `${tool.name} (API)`;Transpilation removes the interface and type annotations while preserving the program logic. The selected target controls whether newer JavaScript syntax is lowered.
일반적인 오류와 해결 방법
| 현상 | 가능한 원인 | 해결 방법 |
|---|---|---|
| Code with an incorrect type still produces JavaScript. | The browser workflow uses isolated single-file transpilation, which reports syntax and compiler-option diagnostics but does not run whole-project semantic type checking. | Run tsc or the project build with its real tsconfig and dependencies before treating the code as type-safe. |
| An imported value is missing when the output runs. | Transpilation preserves or rewrites module syntax but does not resolve, download, or bundle imported dependencies. | Use the emitted file inside the project build or bundler that owns those dependencies. |
| The generated syntax or module wrapper is not accepted by the destination. | The selected ECMAScript target or module format does not match the browser, Node.js version, or package configuration. | Select a compatible target and choose ES module or CommonJS to match the destination runtime. |
Important behavior of TypeScript Formatter
이 도구의 구체적인 제한: Single-file transpilation does not resolve dependencies or perform semantic project type checking, and the emitted JavaScript still needs testing in its target runtime.
표준 및 구현 참고 자료
- TypeScript Compiler API (opens in a new tab)Documents transpileModule as a single-source transpilation API and explains its isolated compilation boundary.
- TypeScript target option (opens in a new tab)Explains how the selected target controls JavaScript syntax lowering.
- Prettier browser documentation (opens in a new tab)Documents standalone browser formatting and explicit TypeScript and ESTree plugins.
TypeScript 포매터 — FAQ
Does the TypeScript Formatter upload my input?
No. Processing runs in the current browser tab, and the page does not send tool input to a KitLumi processing endpoint.
What input does the TypeScript Formatter accept?
It accepts one TypeScript file up to 2 MB. The workspace checks the input and reports malformed or unsupported values before it produces a result.
What does the TypeScript Formatter produce?
It produces Prettier-formatted TypeScript or single-file JavaScript emitted by the TypeScript compiler. Copy and download controls appear when the output format supports them.
What limitation should I know?
Single-file transpilation does not resolve dependencies or perform semantic project type checking, and the emitted JavaScript still needs testing in its target runtime.
변경 사항
실질적인 업데이트: TypeScript 포매터: Moved TypeScript transpilation to a Worker and added engine loading feedback, debounced input, and stale-result protection.