Na internetu je mnoho code playgrounds, ale minimum z nich podporuje NPM balíčky. A pokud ano, tak jsou buďto placené, nebo obrovské. Proto jsem se rozhodl vytvořit NPM Playground.

Spustit NPM Playground

Podpora NPM Balíčků

Můžete importovat NPM balíčky pomocí import, ale ne require.

import $ from "jquery";

$("body").css("background-color", "#FF0");

Podpora Více Souborů

NPM Playground podporuje více souborů, které mohou být propojeny pomocí ECMAScript import / export. Ale buďte opatrní – musíte vyloučit tyto přípony:

  • .js
  • .jsx
  • .ts
  • .tsx

Takže pokud existuje soubor s názvem counter.tsx, import musí být "./counter":

index.tsx

import Counter from "./counter";

/// ....

counter.jsx

export default function Counter({count}) {
	return <h1>Counter: {count}</h1>;
}

Archivace projektu

Projekt byl archivován ve prospěch PlayGist. To znamená, že nebude dostávat aktualizace, ale bude stále k dispozici na GitHubu.