Primeiros passos o conduz passo a passo pelo seu primeiro aplicativo. Esta página é a referência: como um projeto $mol é organizado e como a compilação funciona.
Os aplicativos $mol vivem dentro do MAM — a ferramenta de build e o registro de módulos. Você o clona uma vez e desenvolve seus módulos dentro dele:1gitclonehttps://github.com/hyoo-ru/mam.git./mam2cdmam3npminstall4npmstartnpmstart executa um servidor de desenvolvimento com observação em http://localhost:9080/. Ele recompila ao salvar e resolve as dependências automaticamente — você nunca mantém uma configuração de bundler.
Cada nome de componente corresponde a um caminho de pasta, e cada sublinhado é um separador de pastas:1$my_app → my/app/2$my_app_header → my/app/header/Nomes de pastas de módulos nunca contêm sublinhado — use pastas aninhadas para nomes de várias palavras. Se um componente que você usa nunca aparece no bundle, quase sempre o caminho da pasta não corresponde ao nome da classe.
Um componente é uma pasta com até quatro arquivos:ArquivoFinalidadename.view.treeLayout declarativoname.view.tsComportamento (TypeScript)name.view.css.tsEstilos tipadosname.view.tree, index.htmlPonto de entrada de um módulo de aplicativoO index.html de um aplicativo monta o componente raiz:1<bodymol_view_root>2<divmol_view_root="$my_app"></div>3<scriptsrc="web.js"></script>4</body>
O servidor de desenvolvimento compila em tempo real, mas você pode compilar qualquer módulo explicitamente a partir da raiz do espaço de trabalho:1npmrunstartmy/appA saída fica em my/app/-/ — incluindo web.js, web.css e web.audit.js. Sempre verifique a auditoria: um web.audit.js limpo significa nenhuma dependência não utilizada e nenhum erro de tipo.
