smalljs$molCerca⌘ KDocumentazionePlaygroundConfrontoEcosistemaInformazioniIT
InstallazioneGetting StartedIntroduzioneModello mentalePer iniziareDa TypeScript a view.treeStruttura del progettoStrumentiEssentialsInstallazioneVisteStato e reattivitàRoutingRenderingTestingDeploymentRisoluzione dei problemiDataRecupero datiSchemi di datiGiper BazaMoreVetrinaDa React, Vue e SvelteRicettarioAdvancedPluginMetadati del moduloOfflineViste fantasmaAboutFAQTeamReleaseAPI$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

Installazione

Guida introduttiva ti accompagna passo dopo passo nella tua prima applicazione. Questa pagina è il riferimento: com'è organizzato un progetto $mol e come funziona la build.

Requisiti

Node.js 18+ e git. Nient'altro viene installato globalmente.

L'ambiente di lavoro MAM

Le app $mol vivono dentro MAM — lo strumento di build e il registro dei moduli. Lo cloni una volta e sviluppi i tuoi moduli al suo interno:1git clone https://github.com/hyoo-ru/mam.git ./mam2cd mam3npm install4npm startnpm start avvia un server di sviluppo con osservazione su http://localhost:9080/. Ricompila al salvataggio e risolve le dipendenze automaticamente — non mantieni mai una configurazione del bundler.

Come vengono nominati i moduli

Ogni nome di componente corrisponde a un percorso di cartella, e ogni trattino basso è un separatore di cartella:1$my_appmy/app/2$my_app_headermy/app/header/I nomi delle cartelle dei moduli non contengono mai un trattino basso — usa cartelle annidate per i nomi composti da più parole. Se un componente che usi non compare mai nel bundle, quasi sempre il percorso della cartella non corrisponde al nome della classe.

Anatomia di un modulo

Un componente è una cartella con un massimo di quattro file:FileScopoL'index.html di un'app monta il componente radice:1<body mol_view_root>2 <div mol_view_root="$my_app"></div>3 <script src="web.js"></script>4</body>

Build per la produzione

Il server di sviluppo compila al volo, ma puoi compilare qualsiasi modulo esplicitamente dalla radice dell'ambiente di lavoro:1npm run start my/appL'output finisce in my/app/-/ — inclusi web.js, web.css e web.audit.js. Controlla sempre l'audit: un web.audit.js pulito significa nessuna dipendenza inutilizzata e nessun errore di tipo.

Aggiungere pacchetti npm

Referenzia un pacchetto con require e MAM lo installa alla build successiva:1const dayjs = require( 'dayjs' ) as typeof import( 'dayjs' )

Avanti

Modifica questa pagina su GitHubÈ stato utile?NoPrecedenteStrumentiSuccessivoViste
In questa paginaRequisitiL'ambiente di lavoro MAMCome vengono nominati i moduliAnatomia di un moduloBuild per la produzioneAggiungere pacchetti npmAvanti
Type to search the documentation.