Установка Mithril.js

CDN и онлайн-среда разработки

Если вы новичок в JavaScript или хотите быстро начать работу без сложной настройки, вы можете подключить Mithril.js через CDN:

html

<script src="https://unpkg.com/mithril/mithril.js"></script>

Чтобы попробовать Mithril.js без установки локальной среды разработки, воспользуйтесь онлайн-средой на flems.io/mithril.

npm

bash

$ npm install mithril

Типы для TypeScript доступны через DefinitelyTyped. Установите их следующим образом:

bash

$ npm install @types/mithril --save-dev

Создание локального проекта

Вы можете использовать один из готовых шаблонов для Mithril.js, например:

Например, чтобы начать работу с mithril-esbuild-starter, выполните следующие команды:

bash

# Клонируйте шаблон в нужную папку
npx degit kevinfiol/mithril-esbuild-starter hello-world

# Перейдите в созданную папку проекта
cd ./hello-world/

# Установите зависимости
npm install

# Соберите приложение в режиме разработки
npm run dev

Быстрый старт с esbuild

Документация по esbuild доступна здесь.

Инициализируйте каталог как npm-пакет.

bash

$ npm init --yes

Установите необходимые инструменты.

bash

$ npm install mithril
$ npm install esbuild --save-dev

Добавьте скрипт "start" в раздел scripts файла package.json.

json

{
  "...": "...",
  "scripts": {
    "start": "esbuild index.js --bundle --outfile=bin/main.js --watch"
  }
}

Для использования JSX можно добавить флаги --jsx-factory и --jsx-fragment в команду esbuild.

json

{
  "...": "...",
  "scripts": {
    "start": "esbuild index.js --bundle --outfile=bin/main.js --jsx-factory=m --jsx-fragment='\"[\"' --watch"
  }
}

Создайте файл index.js.

javascript

import m from 'mithril';
m.render(document.getElementById('app'), 'hello world');

Создайте файл index.html.

html

<!DOCTYPE html>
<body>
  <div id="app"></div>
  <script src="bin/main.js"></script>
</body>

Запустите сборку.

bash

$ npm run start

Откройте index.html в браузере. Вы должны увидеть текст hello world на странице.

Установка Mithril.js ​

CDN и онлайн-среда разработки ​

npm ​

Создание локального проекта ​

Быстрый старт с esbuild ​

Установка Mithril.js

CDN и онлайн-среда разработки

npm

Создание локального проекта

Быстрый старт с esbuild