Elm-패키지 관리자
패키지 관리자는 애플리케이션에서 패키지를 설치, 업그레이드, 구성 및 제거하는 프로세스를 자동화하는 명령 줄 도구입니다.
JavaScript에 npm이라는 패키지 관리자가있는 것처럼 elm에는 elm-package 라는 패키지 관리자가 있습니다.
패키지 관리자는 다음 세 가지 작업을 수행합니다.
- elm 애플리케이션에 필요한 모든 종속성을 설치합니다.
- 사용자 지정 패키지 게시
- 게시 및 업데이트 할 준비가되면 패키지 버전을 결정합니다.
Elm 패키지 관리자 명령
다음 표는 다양한 Elm 패키지 관리자 명령을 나열합니다.
Sr. No. | 명령 | 통사론 | 기술 |
---|---|---|---|
1 | 설치 | 느릅 나무 패키지 설치 | 로컬에서 사용할 패키지를 설치합니다. |
2 | 출판하다 | 느릅 나무 패키지 게시 | 패키지를 중앙 카탈로그에 게시합니다. |
삼 | 충돌 | 느릅 나무 패키지 범프 | API 변경에 따라 버전 번호를 범프 |
4 | 차이 | 느릅 나무 패키지 비교 | 두 API 간의 차이점을 가져옵니다. |
패키지를 게시하려면 GitHub에 소스 코드를 호스팅하고 버전에 git 태그로 올바르게 레이블이 지정되어 있어야합니다. 다음 그림은 elm-package 관리자를 사용하여 외부 종속성을 가져 오는 방법을 보여줍니다.
그림-SVG 패키지 설치
이 예에서는 SVG (Scalable Vector Graphics)를 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을 생성합니다-