Cara Menggunakan NPM untuk Manajemen Package JavaScript

NPM (Node Package Manager) adalah package manager default untuk ekosistem JavaScript dan Node.js. Dengan NPM, kamu bisa menginstal ribuan library open-source hanya dalam satu perin...

Cara Menggunakan NPM untuk Manajemen Package JavaScript

NPM (Node Package Manager) adalah package manager default untuk ekosistem JavaScript dan Node.js. Dengan NPM, kamu bisa menginstal ribuan library open-source hanya dalam satu perintah, mengelola dependensi proyek, dan menjalankan skrip otomasi build. Hampir semua proyek JavaScript modern โ€” mulai dari React, Vue, hingga Express โ€” mengandalkan NPM dalam alur kerjanya.

Instalasi NPM

NPM sudah termasuk saat kamu menginstal Node.js. Unduh Node.js dari https://nodejs.org dan pilih versi LTS. Verifikasi keduanya sudah terpasang:

node --version
npm --version

Memulai Proyek Baru

Inisialisasi proyek baru dengan membuat file package.json:

npm init

Wizard interaktif akan meminta nama proyek, versi, deskripsi, dan lainnya. Gunakan flag -y untuk melewati semua pertanyaan dan menggunakan nilai default:

npm init -y

Menginstal Package

Instal package dan simpan sebagai dependensi utama proyek:

npm install express
npm install axios react react-dom

Package akan diunduh ke folder node_modules/ dan dicatat di package.json serta package-lock.json.

Untuk package yang hanya dibutuhkan saat development (testing, bundler, linter):

npm install --save-dev webpack webpack-cli
npm install -D eslint prettier

Untuk menginstal package secara global (tersedia di seluruh sistem):

npm install -g nodemon
npm install -g create-react-app

Memahami package.json

File package.json adalah inti dari proyek NPM:

{
  "name": "proyek-saya",
  "version": "1.0.0",
  "scripts": {
    "start": "node index.js",
    "dev": "nodemon index.js",
    "build": "webpack --mode production",
    "test": "jest"
  },
  "dependencies": {
    "express": "^4.18.0",
    "axios": "^1.6.0"
  },
  "devDependencies": {
    "nodemon": "^3.0.0",
    "webpack": "^5.0.0"
  }
}

Menjalankan Scripts NPM

Scripts di package.json memudahkan otomasi tugas-tugas umum:

npm start
npm run dev
npm run build
npm test

Perintah start dan test bisa dijalankan langsung tanpa kata run. Untuk script kustom lainnya, gunakan npm run nama-script.

Menginstal Semua Dependensi dari package.json

Saat kamu mengkloning proyek atau rekan tim menambahkan package baru, jalankan:

npm install

NPM akan membaca package.json dan mengunduh semua dependensi yang belum ada.

Memperbarui dan Menghapus Package

Melihat package yang sudah punya versi lebih baru:

npm outdated

Memperbarui package ke versi terbaru yang kompatibel:

npm update

Menghapus package yang tidak lagi dibutuhkan:

npm uninstall nama-package

Perintah NPM yang Sering Digunakan

  • npm install โ€” Instal semua dependensi dari package.json.
  • npm install nama-package โ€” Tambahkan package baru.
  • npm install -D nama-package โ€” Tambahkan sebagai devDependency.
  • npm uninstall nama-package โ€” Hapus package.
  • npm list โ€” Tampilkan semua package yang terpasang.
  • npm audit โ€” Periksa kerentanan keamanan pada dependensi.
  • npm audit fix โ€” Perbaiki kerentanan secara otomatis jika memungkinkan.
  • npm cache clean --force โ€” Bersihkan cache NPM jika ada masalah instalasi.

File yang Tidak Perlu Di-commit

Folder node_modules bisa sangat besar (ratusan MB). Tambahkan ke .gitignore:

node_modules/

File package.json dan package-lock.json wajib di-commit. File package-lock.json memastikan semua developer dan server menggunakan versi package yang persis sama.

Kesimpulan

NPM adalah alat fundamental yang wajib dikuasai setiap developer JavaScript. Dengan memahami cara menginstal package, menulis scripts, dan menjaga package.json dengan baik, kamu sudah siap bekerja di hampir semua proyek JavaScript modern. Jangan lupa selalu commit package-lock.json, abaikan folder node_modules, dan rutin jalankan npm audit untuk menjaga keamanan dependensi proyekmu.

npm tutorial manajemen package javascript npm install package json node js npm belajar npm
Bagikan artikel
Kembali

Komentar (0)

Punya pertanyaan atau tambahan? Tulis di bawah โ€” tak perlu login.

Membalas komentarโ€ฆ batal

Belum ada komentar. Jadilah yang pertama!

๐Ÿš€ Partner Recommendation

Butuh Source Code & Aplikasi Premium?

Download aplikasi Laravel, POS, Sekolah, Klinik, ERP, dan source code siap pakai di GudangCode.

GudangCode
  • โœ” Source Code Premium
  • โœ” Sistem Siap Pakai
  • โœ” Lifetime Update
  • โœ” Membership Lifetime
  • โœ” Update Aplikasi Harian
Daftar Membership โ†’