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を生成します-