Elm - менеджер пакетов

Диспетчер пакетов - это инструмент командной строки, который автоматизирует процесс установки, обновления, настройки и удаления пакетов в вашем приложении.

Так же, как в JavaScript есть менеджер пакетов под названием npm, у elm есть менеджер пакетов под названием elm-package .

Менеджер пакетов выполняет следующие три задачи -

  • Устанавливает все зависимости, которые нужны приложению elm
  • Публикует пользовательские пакеты
  • Определяет версию вашего пакета, когда вы готовы к публикации и обновлению.

Команды диспетчера пакетов Elm

В следующей таблице перечислены различные команды диспетчера пакетов Elm.

Sr. No. Команда Синтаксис Описание
1 установить установка пакета elm Устанавливает пакеты для локального использования
2 публиковать публикация пакета elm Публикует ваш пакет в центральном каталоге
3 удар удар вяза Увеличивает номера версий на основе изменений API
4 разница elm-package diff Получает различия между двумя API

Чтобы опубликовать пакет, вам необходимо разместить исходный код на GitHub, а версия должна быть правильно помечена тегом git. На следующем рисунке показано, как использовать elm-package manager для извлечения внешней зависимости.

Иллюстрация - Установка пакета svg

В этом примере мы увидим, как интегрировать масштабируемую векторную графику (SVG) в приложение elm.

Step 1 - Создаем папку elmSvgApp

Step 2 - Установите пакет svg, используя следующую команду -

elm-package install elm-lang/svg

Step 3- Установите Создайте файл SvgDemo.elm и введите содержимое, указанное ниже. Мы импортируем модуль Svg, чтобы нарисовать прямоугольник размером 100x100 и залить его красным цветом.

import Svg exposing (..)
import Svg.Attributes exposing (..)

main =
   svg
   [ width "120"
   , height "120"
   , viewBox "0 0 120 120"
   ]
   [ rect
      [ x "10"
      , y "10"
      , width "100"
      , height "100"
      , rx "15"
      , ry "15"
      ,fill "red"
      ]
      []
   ]

Step 4- Теперь соберите проект с помощью elm make. \ SvgDemo.elm. Это создаст index.html, как показано ниже -