Źródło
- Znaki źródła
- 140 / 51200
- Linie
- 9
- Tryb
- typescript -> legacy
Wklej JavaScript, JSX, TypeScript albo TSX, wybierz kontrolowany preset i pluginy Babel, a potem porównaj output, zmienione linie i opis pipeline bez wysyłania kodu na backend oraz bez wykonywania wyniku.
Kuratorowane presety utrzymują publiczne narzędzie w kontrolowanych granicach, ale pokazują realny output Babel.
Usuń adnotacje TypeScript i obniż optional chaining/nullish coalescing dla starszego targetu przeglądarkowego.
Uruchom transform, żeby zobaczyć output Babel, zmienione linie i opis pipeline.
Babel pomaga odpowiedzieć, jak składnia zostanie obniżona zanim kod trafi do bundlera albo runtime: optional chaining, nullish coalescing, JSX, klasy i adnotacje TypeScript potrafią zmienić się znacząco. Ten playground zawęża pytanie do jednego wklejonego fragmentu.
Transform działa w jednorazowym workerze przeglądarki. Strona nie wysyła kodu źródłowego na backend, nie ładuje pluginów z wejścia użytkownika i nie uruchamia transformowanego wyniku.
preset-env obniża składnię pod target, preset-react obsługuje JSX, a preset-typescript usuwa adnotacje typów. Panel pipeline pokazuje, które rodziny były aktywne.
Babel nie robi typecheckingu. Usuwa składnię TypeScript, żeby pokazać emitowany JavaScript; bezpieczeństwo typów nadal należy do TypeScript, edytora albo CI.
Playground renderuje transformowany kod jako tekst. Nie wykonuje alert, fetch, pętli, importów ani kodu pluginów, dzięki czemu publiczna trasa pozostaje kontrolowana i privacy-first.
Nie. To zawężone narzędzie Playground Forge z kuratorowanymi opcjami, workerem privacy-first, próbką diffu i opisem pipeline dla jednego snippetu.
Nie. Output jest pokazywany wyłącznie jako tekst. Narzędzie transformuje składnię, ale nie wykonuje wynikowego JavaScriptu.
Nie. Własne pluginy wykonują JavaScript, więc publiczne MVP pozwala tylko na kontrolowaną listę pluginów.
Nie. Babel usuwa i transformuje składnię TypeScript, a typechecking pozostaje zadaniem TypeScript, edytora albo CI.