smalljs$molRechercher⌘ KDocsPlaygroundComparerÉcosystèmeÀ proposFR
InstallationGetting StartedIntroductionModèle mentalDémarrageDe TypeScript à view.treeStructure d'un projetOutillageEssentialsInstallationVuesÉtat et réactivitéRoutageRenduTestsDéploiementDépannageDataRécupération de donnéesSchémas de donnéesGiper BazaMoreVitrineDe React, Vue et SvelteRecettesAdvancedPluginsMétadonnées de moduleHors-ligneVues fantômesAboutFAQÉquipeVersionsAPI$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

Installation

Prise en main vous guide pas à pas dans votre première application. Cette page est la référence : comment un projet $mol est organisé et comment fonctionne la compilation.

Prérequis

Node.js 18+ et git. Rien d'autre n'est installé globalement.

L'espace de travail MAM

Les applications $mol vivent dans MAM — l'outil de build et le registre de modules. Vous le clonez une fois et développez vos modules à l'intérieur :1git clone https://github.com/hyoo-ru/mam.git ./mam2cd mam3npm install4npm startnpm start lance un serveur de développement en mode surveillance sur http://localhost:9080/. Il recompile à chaque enregistrement et résout les dépendances automatiquement — vous ne maintenez jamais de configuration de bundler.

Comment les modules sont nommés

Chaque nom de composant correspond à un chemin de dossier, et chaque tiret bas est un séparateur de dossier :1$my_appmy/app/2$my_app_headermy/app/header/Les noms de dossiers de modules ne contiennent jamais de tiret bas — utilisez des dossiers imbriqués pour les noms à plusieurs mots. Si un composant que vous utilisez n'apparaît jamais dans le bundle, c'est presque toujours que le chemin du dossier ne correspond pas au nom de la classe.

Anatomie d'un module

Un composant est un dossier comportant jusqu'à quatre fichiers :FichierRôleL'index.html d'une application monte le composant racine :1<body mol_view_root>2 <div mol_view_root="$my_app"></div>3 <script src="web.js"></script>4</body>

Compilation pour la production

Le serveur de développement compile à la volée, mais vous pouvez compiler n'importe quel module explicitement depuis la racine de l'espace de travail :1npm run start my/appLe résultat est produit dans my/app/-/ — y compris web.js, web.css et web.audit.js. Vérifiez toujours l'audit : un web.audit.js propre signifie aucune dépendance inutilisée et aucune erreur de type.

Ajouter des paquets npm

Référencez un paquet avec require et MAM l'installe à la prochaine compilation :1const dayjs = require( 'dayjs' ) as typeof import( 'dayjs' )

Suite

Modifier cette page sur GitHubÉtait-ce utile ?OuiNonPrécédentOutillageSuivantVues
Sur cette pagePrérequisL'espace de travail MAMComment les modules sont nommésAnatomie d'un moduleCompilation pour la productionAjouter des paquets npmSuite
Type to search the documentation.