smalljs$molПошук⌘ KДокументаціяПісочницяПорівнянняЕкосистемаПро проєктUK
ВстановленняGetting StartedВступМентальна модельПочаток роботиВід TypeScript до view.treeСтруктура проєктуІнструментарійEssentialsВстановленняВидиСтан і реактивністьМаршрутизаціяРендерингТестуванняДеплойРозв'язання проблемDataОтримання данихСхеми данихGiper BazaMoreВітринаЗ React, Vue та SvelteЗбірник рецептівAdvancedПлагіниМетадані модуляОфлайнПодання-привидиAboutЧасті питанняКомандаРелізиAPI$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

Встановлення

Початок роботи крок за кроком проведе вас через ваш перший застосунок. Ця сторінка — довідник: як влаштовано проєкт $mol і як працює збірка.

Вимоги

Node.js 18+ та git. Більше нічого не встановлюється глобально.

Робочий простір MAM

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

Як іменуються модулі

Кожне ім'я компонента відповідає шляху до теки, і кожне підкреслення є роздільником тек:1$my_appmy/app/2$my_app_headermy/app/header/Імена тек модулів ніколи не містять підкреслення — для назв із кількох слів використовуйте вкладені теки. Якщо компонент, який ви використовуєте, ніколи не з'являється у збірці, майже завжди шлях до теки не збігається з іменем класу.

Будова модуля

Компонент — це тека, яка містить до чотирьох файлів:ФайлПризначенняname.view.treeДекларативна розміткаname.view.tsПоведінка (TypeScript)name.view.css.tsТипізовані стиліname.view.tree, index.htmlТочка входу для модуля-застосункуindex.html застосунку монтує кореневий компонент:1<body mol_view_root>2 <div mol_view_root="$my_app"></div>3 <script src="web.js"></script>4</body>

Збірка для продакшену

Сервер розробки збирає на льоту, але ви можете зібрати будь-який модуль явно з кореня робочого простору:1npm run start my/appРезультат потрапляє в my/app/-/ — разом із web.js, web.css та web.audit.js. Завжди перевіряйте аудит: чистий web.audit.js означає відсутність невикористаних залежностей і помилок типів.

Додавання npm-пакетів

Пошліться на пакет через require, і MAM встановить його під час наступної збірки:1const dayjs = require( 'dayjs' ) as typeof import( 'dayjs' )

Далі

Редагувати цю сторінку на GitHubЦе було корисно?ТакНіНазадІнструментарійДаліВиди
На цій сторінціВимогиРобочий простір MAMЯк іменуються модуліБудова модуляЗбірка для продакшенуДодавання npm-пакетівДалі
Type to search the documentation.