Erste Schritte führt dich Schritt für Schritt durch deine erste App. Diese Seite ist die Referenz: wie ein $mol-Projekt aufgebaut ist und wie der Build funktioniert.
$mol-Apps leben in MAM — dem Build-Werkzeug und der Modulregistrierung. Du klonst es einmal und entwickelst deine Module darin:1gitclonehttps://github.com/hyoo-ru/mam.git./mam2cdmam3npminstall4npmstartnpmstart startet einen überwachenden Entwicklungsserver unter http://localhost:9080/. Er baut beim Speichern neu und löst Abhängigkeiten automatisch auf — du pflegst nie eine Bundler-Konfiguration.
Jeder Komponentenname entspricht einem Ordnerpfad, und jeder Unterstrich ist ein Ordnertrenner:1$my_app → my/app/2$my_app_header → my/app/header/Ordnernamen von Modulen enthalten nie einen Unterstrich — verwende verschachtelte Ordner für mehrteilige Namen. Wenn eine von dir genutzte Komponente nie im Bundle auftaucht, stimmt fast immer der Ordnerpfad nicht mit dem Klassennamen überein.
Eine Komponente ist ein Ordner mit bis zu vier Dateien:DateiZweckname.view.treeDeklaratives Layoutname.view.tsVerhalten (TypeScript)name.view.css.tsTypisierte Stylesname.view.tree, index.htmlEinstiegspunkt für ein App-ModulDie index.html einer App bindet die Wurzelkomponente ein:1<bodymol_view_root>2<divmol_view_root="$my_app"></div>3<scriptsrc="web.js"></script>4</body>
Der Entwicklungsserver baut zur Laufzeit, aber du kannst jedes Modul explizit aus dem Wurzelverzeichnis des Arbeitsbereichs bauen:1npmrunstartmy/appDie Ausgabe landet in my/app/-/ — einschließlich web.js, web.css und web.audit.js. Prüfe immer das Audit: Ein sauberes web.audit.js bedeutet keine ungenutzten Abhängigkeiten und keine Typfehler.
