smalljs$molHledat⌘ KDokumentacePlaygroundPorovnáníEkosystémO projektuCS
InstalaceGetting StartedÚvodMyšlenkový modelZačínámeZ TypeScriptu do view.treeStruktura projektuNástrojeEssentialsInstalacePohledyStav a reaktivitaSměrováníVykreslováníTestováníNasazeníŘešení problémůDataNačítání datDatová schémataGiper BazaMoreVýkladní skříňZ React, Vue a SvelteKuchařkaAdvancedPluginyMetadata moduluOfflineGhost pohledyAboutČasté dotazyTýmVydáníAPI$mol_button_major$mol_button_minor$mol_string$mol_number$mol_text$mol_paragraph$mol_list$mol_row$mol_link$mol_check$mol_switch$mol_select$mol_scroll$mol_page$mol_pick

Instalace

Začínáme vás krok za krokem provede vaší první aplikací. Tato stránka je referenční: jak je projekt $mol uspořádán a jak funguje sestavení.

Požadavky

Node.js 18+ a git. Nic dalšího se globálně neinstaluje.

Pracovní prostor MAM

Aplikace $mol žijí uvnitř MAM — nástroje pro sestavení a registru modulů. Naklonujete jej jednou a vyvíjíte své moduly uvnitř:1git clone https://github.com/hyoo-ru/mam.git ./mam2cd mam3npm install4npm startnpm start spustí sledovací vývojový server na http://localhost:9080/. Při uložení znovu sestaví a automaticky vyřeší závislosti — nikdy neudržujete konfiguraci bundleru.

Jak se moduly pojmenovávají

Každý název komponenty odpovídá cestě ke složce a každé podtržítko je oddělovač složek:1$my_appmy/app/2$my_app_headermy/app/header/Názvy složek modulů nikdy neobsahují podtržítko — pro víceslovné názvy použijte vnořené složky. Pokud se komponenta, kterou používáte, nikdy neobjeví v bundlu, téměř vždy cesta ke složce neodpovídá názvu třídy.

Anatomie modulu

Komponenta je složka až se čtyřmi soubory:SouborÚčelname.view.treeDeklarativní rozvrženíname.view.tsChování (TypeScript)name.view.css.tsTypované stylyname.view.tree, index.htmlVstupní bod modulu aplikaceindex.html aplikace připojí kořenovou komponentu:1<body mol_view_root>2 <div mol_view_root="$my_app"></div>3 <script src="web.js"></script>4</body>

Sestavení pro produkci

Vývojový server sestavuje za běhu, ale libovolný modul můžete sestavit i výslovně z kořene pracovního prostoru:1npm run start my/appVýstup se objeví v my/app/-/ — včetně web.js, web.css a web.audit.js. Vždy zkontrolujte audit: čistý web.audit.js znamená žádné nepoužité závislosti a žádné typové chyby.

Přidávání npm balíčků

Odkažte na balíček pomocí require a MAM jej nainstaluje při dalším sestavení:1const dayjs = require( 'dayjs' ) as typeof import( 'dayjs' )

Dále

S připraveným pracovním prostorem se naučte, jak se popisuje samotné rozhraní — pokračujte na Pohledy.
Upravit tuto stránku na GitHubuBylo to užitečné?AnoNePředchozíNástrojeDalšíPohledy
Na této stráncePožadavkyPracovní prostor MAMJak se moduly pojmenovávajíAnatomie moduluSestavení pro produkciPřidávání npm balíčkůDále
Type to search the documentation.