Photo by Mihai Surdu on Unsplash

Menggunakan Yarn Package Manager untuk Angular

Afrijal Dzuhri
WonogiriDev
Published in
2 min readApr 28, 2018

--

Memang dalam pemilihan package manager itu tergantung dengan pribadi masing-masing, karena dari segi kegunaan masing-masing sama dan juga sama-sama bisa menyelesaikan masalah kita, jika ingin menginstall suatu library.

Disini saya akan berbagi ilmu tentang apa yang saya coba kemarin, yaitu menggunakan yarn untuk inisialisasi project Angular.

Persiapan

Pertama, pastikan kita sudah menginstall yarn di sistem operasi kita. Jika belum, teman-teman bisa menginstallnya dengan petunjuk yang ada di dokumentasi yarn https://yarnpkg.com/en/docs/install yang mana nanti akan diarahkan sesuai dengan sistem operasi yang kita gunakan.

Pengecekan Yarn Global

Karena angular-cli akan digunakan secara global, maka pastikan juga $PATH dari yarn global sudah masuk ke terminal kita

yarn global bin

kemudian cek di variabel path global

echo $PATH

Jika terdapat

:/home/afrijal/.yarn/bin

itu berarti yarn global bisa kita gunakan. Jika belum ada masukkan perintah

echo 'export PATH="$PATH:$(yarn global bin)"' > ~/.bashrc

Install Angular-CLI

Yarn global sudah bisa digunakan, saatnya install Angular-CLI di dalamnya.

yarn global add @angular/cli

Membuat Project Baru

Untuk membuat project baru, ada dua cara.

  • Inisialisasi project Angular dengan ng new tanpa menginstall dependensinya, dengan menambahkan --skip-instal / -si . Jadi kita masih bisa sewaktu-waktu menginstallnya dengan npm.
  • Atau dengan mengatur Angular-CLI agar menggunakan Yarn, sebagai package manager default. Dengan cara ng set --global packageManager=yarn

Jadi untuk case yang pertama

ng new project-angular --skip-installcd project-angularyarn install

dan untuk case yang kedua

ng set --global packageManager=yarnng new project-angularcd project-angular

Hasilnya akan sama, hanya saja untuk yang kedua setiap kali kita akan menginstall project lain lagi kita tidak perlu memasukkan perintah untuk instal lagi, tinggal ng new nama-project maka otomatis project Angular akan menginstall package / dependensinya dengan yarn

Setelah selesai, untuk memastikan semuanya berjalan dengan baik dengan menjalankan

yarn start

atau

ng serve

Sekian, semoga bermanfaat !

--

--