Elm-package-manager

提供:Dev Guides
移動先:案内検索

エルム-パッケージマネージャー

パッケージマネージャーは、アプリケーションのパッケージのインストール、アップグレード、構成、および削除のプロセスを自動化するコマンドラインツールです。

JavaScriptにnpmというパッケージマネージャーがあるように、elmには_elm-package_というパッケージマネージャーがあります。

パッケージマネージャは、次の3つのタスクを実行します-

  • elmアプリケーションに必要なすべての依存関係をインストールします
  • カスタムパッケージを公開します
  • 公開および更新の準備ができたときに、パッケージのバージョンを決定します。

Elm Package Managerコマンド

次の表は、さまざまなElmパッケージマネージャーコマンドの一覧です-

Sr. No. Command Syntax Description
1 install elm-package install Installs packages to use locally
2 publish elm-package publish Publishes your package to the central catalog
3 bump elm-package bump Bumps version numbers based on API changes
4 diff elm-package diff Gets differences between two APIs

パッケージを公開するには、GitHubでソースコードをホストし、バージョンにgitタグが適切にラベル付けされている必要があります。 次の図は、elm-package managerを使用して外部依存関係をプルする方法を示しています。

図-svgパッケージのインストール

この例では、Scalable Vector Graphics(SVG)をelmアプリケーションに統合する方法を説明します。

  • ステップ1 *-フォルダーelmSvgAppを作成する
  • ステップ2 *-次のコマンドを使用してsvgパッケージをインストールします-
elm-package install elm-lang/svg
  • ステップ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"
      ]
      []
   ]
  • ステップ4 *-elm make。\ SvgDemo.elmを使用してプロジェクトをビルドします。 これは以下に示すようにindexlを生成します-

プロジェクトのビルド