Recraftory

Node.js - Penggunaan NPM

Bagaimana npm Package Dipakai di Aplikasi Web (Browser)

  • Browser tidak bisa langsung membaca npm
  • Browser hanya mengerti:
    • HTML
    • CSS
    • JavaScript biasa

Alur Sederhana

  • npm package dipakai di server (Node.js)
  • Server mengolah data atau logika
  • Browser hanya menerima hasilnya

Contoh Kasus Backend:

  • express dipakai di server
  • Browser mengakses API dari server
  • Browser tidak tahu express di belakang layar

npm Package untuk Frontend (Browser)

  • npm package tidak langsung dikirim ke browser
  • Biasanya harus diproses dulu
  • Menggunakan alat bantu (bundler)

Contoh Konsep:

  • npm install library
  • Kode digabung dan dirapikan
  • Hasil akhirnya file .js biasa
  • File itulah yang dipakai browser

Contoh Gambaran Nyata

  • Developer install package via npm
  • Package dipakai di kode JavaScript
  • Tool build mengubahnya jadi file browser-friendly
  • Browser hanya menjalankan file hasil akhir