Konwerter Flow na zwykły JavaScript — Numio

Kiedy go używać

• Usuwasz Flow z projektu i potrzebujesz najpierw zwykłego JavaScript, zanim podejmiesz decyzję o przejściu na TypeScript.
• Musisz wkleić fragment typu Flow w miejsce, które akceptuje tylko standardowe JavaScript, takie jak konsola przeglądarki lub codepen.

Jak używać

1. Wklej kod z adnotacją Flow (z nagłówkiem // @flow lub bez) do panelu Flow.
2. Kod jest przetwarzany lokalnie w przeglądarce: recast analizuje go parserem Flow, a Babel usuwa typy.
3. Skopiuj JavaScript z panelu wyjściowego.

// @flow
import type { Store } from './store';
import { createStore } from './store';

type State = { count: number };

export function first<T>(items: Array<T>): ?T {
  return items.length ? items[0] : null;
}

const store: Store<State> = createStore(({ count: 0 }: State));

export default store;

import { createStore } from "./store"

export function first(items) {
  return items.length ? items[0] : null
}

const store = createStore({
  count: 0,
})

export default store

Szczegóły i ograniczenia

Konwersja odbywa się lokalnie w Web Workerze w przeglądarce. Dane wejściowe nie są wysyłane na serwer konwersji. Wymagane moduły są pobierane przy pierwszym użyciu narzędzia.

Usuwane są tylko typy. Nowoczesna składnia, taka jak JSX, ?? lub pola klas nie są transpilowane.

Wynik jest ponownie formatowany za pomocą Prettier (podwójne cudzysłowy, bez średników), więc oryginalny styl nie jest zachowywany, a rzutowanie typu, takie jak ({ count: 0 }: State) traci dodatkowe nawiasy.

// Komentarz @flow dołączony do usuniętej deklaracji typu zostaje wraz z nią usunięty.

FAQ

Powiązane narzędzia

Specyfikacje i referencje

• @babel/plugin-transform-flow-strip-types