Elm - Manajer Paket
Manajer paket adalah alat baris perintah yang mengotomatiskan proses penginstalan, peningkatan, konfigurasi, dan penghapusan paket di aplikasi Anda.
Sama seperti JavaScript memiliki manajer paket yang disebut npm, elm memiliki manajer paket yang disebut elm-package .
Manajer paket melakukan tiga tugas berikut -
- Menginstal semua dependensi yang dibutuhkan aplikasi elm
- Menerbitkan paket khusus
- Menentukan versi paket Anda ketika Anda siap untuk menerbitkan dan memperbarui.
Perintah Elm Package Manager
Tabel berikut mencantumkan berbagai perintah manajer paket Elm -
No Sr | Perintah | Sintaksis | Deskripsi |
---|---|---|---|
1 | Install | elm-paket instal | Instal paket untuk digunakan secara lokal |
2 | menerbitkan | elm-package publish | Publikasikan paket Anda ke katalog pusat |
3 | menabrak | benjolan paket elm | Menumpukkan nomor versi berdasarkan perubahan API |
4 | beda | elm-paket diff | Mendapat perbedaan antara dua API |
Untuk memublikasikan paket Anda, Anda perlu menghosting kode sumber di GitHub dan memiliki versi yang diberi label dengan benar dengan tag git. Ilustrasi berikut menunjukkan bagaimana menggunakan manajer paket-elm untuk menarik ketergantungan eksternal.
Ilustrasi - Menginstal paket svg
Dalam contoh ini, kita akan melihat bagaimana mengintegrasikan Scalable Vector Graphics (SVG) ke dalam aplikasi elm.
Step 1 - Buat folder elmSvgApp
Step 2 - Instal paket svg menggunakan perintah berikut -
elm-package install elm-lang/svg
Step 3- Instal Buat file SvgDemo.elm dan ketik konten yang diberikan di bawah ini. Kami mengimpor modul Svg untuk menggambar persegi panjang dengan dimensi 100x100 dan mengisi warna merah.
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- Sekarang buat proyek menggunakan elm make. \ SvgDemo.elm. Ini akan menghasilkan index.html seperti yang ditunjukkan di bawah ini -