Установка

Быстрый старт проведёт вас через первое приложение шаг за шагом. Эта страница — справочник: как устроен $mol-проект и как работает сборка.

Требования

Node.js 24+ и git. Ничего больше глобально не ставится.

$mol-приложения живут внутри MAM — инструмента сборки и реестра модулей. Вы клонируете его один раз и разрабатываете свои модули внутри:1git clone https://github.com/hyoo-ru/mam.git ./mam2cd mam3npm install4npm startnpm start поднимает следящий дев-сервер на http://localhost:9080/. Он пересобирает при сохранении и разрешает зависимости автоматически — вам не нужно поддерживать конфиг сборщика.Есть и официальный быстрый старт из

README MAM, без клонирования:1mkdir mam && cd mam2npm exec mam@latestОн поднимает тот же дев-сервер в пустой папке. Мы всё же советуем клон: вся работа всё равно идёт внутри MAM, а в клоне сразу есть настройки редактора (.vscode) и .npmrc.

В браузере

Ничего не ставили на компьютер? Откройте воркспейс в GitHub Codespaces:

codespaces.new/hyoo-ru/mam. Это VS Code в браузере на машине GitHub, Node.js там уже есть. Выполните в его терминале npm install и npm start и откройте проброшенный порт 9080.

Как именуются модули

Каждое имя компонента соответствует пути к папке, и каждое подчёркивание — разделитель папок:1$my_app → my/app/2$my_app_header → my/app/header/Имена папок-модулей никогда не содержат подчёркивания — для составных имён используйте вложенные папки. Если используемый компонент никак не попадает в бандл, почти всегда путь к папке не совпадает с именем класса.

Анатомия модуля

Компонент — это папка с файлами. Основные:ФайлНазначениеindex.html приложения монтирует корневой компонент:1<body mol_view_root>2 <div mol_view_root="$my_app"></div>3 <script src="web.js"></script>4</body>

Сборка для продакшена

Редактировать эту страницу на GitHubБыло полезно?ДаНетНазадИнструментарий ВперёдВьюНа этой страницеТребования Воркспейс MAM В браузере Как именуются модули Анатомия модуля Сборка для продакшена Подключение npm-пакетов Загрузка пакета в рантайме Дальше