Ga naar hoofdinhoud

Package manager

Een package manager is een essentieel hulpmiddel voor webontwikkelaars. Het helpt bij het beheren van externe "packages" in je projecten. Je kunt het zien als herbruikbare stukken code die je in je project kunt gebruiken. Package managers kun je downloaden en installeren op je computer, waarna je ze kunt gebruiken via de command line.

Deze packages worden onderhouden door één of meerdere ontwikkelaars, meestal via platforms zoals GitHub. Het mooie van dit open source model is dat iedereen kan bijdragen aan deze packages door verbeteringen voor te stellen, bugs te melden of zelfs code toe te voegen. Dit zorgt ervoor dat populaire packages continu worden verbeterd en up-to-date blijven.

Installatie vereisten​

Voordat je een package manager kunt gebruiken, moet je eerst Node.js installeren. Node.js is een JavaScript runtime die buiten de browser werkt en bevat standaard NPM. Voor de nieuwste versies van NPM kun je ook Corepack gebruiken, een tool die helpt bij het beheren van package manager versies.

Na het installeren van Node.js kun je Corepack inschakelen met:

Terminal
$ corepack enable

Meer informatie:

NPM (Node Package Manager)​

NPM is een van de meest gebruikte tools in het JavaScript ecosysteem. Het wordt automatisch geïnstalleerd wanneer je Node installeert. De packages worden gehost op npmjs.com, waar je kunt zoeken naar beschikbare packages, hun documentatie kunt bekijken en statistieken over downloads en populariteit kunt vinden.

Bij het kiezen van packages is het belangrijk om goed te kijken naar het aantal downloads (hoe meer, hoe betrouwbaarder) en hoe recent de package is bijgewerkt. Regelmatig onderhouden packages zijn veiliger omdat ze up-to-date blijven met de nieuwste beveiligingsupdates. Door alleen goed onderhouden packages te gebruiken, houd je je website veilig en vermijd je potentiële beveiligingsproblemen.

NPM gebruiken in je website​

Om een packages te installeren met NPM, gebruik je als eerste eenmalig het initiatieel commando:

Terminal
$ npm init --yes

Dit commando maakt een package.json bestand aan dat de configuratie van je project bevat.

Packages installeren​

Om een package te installeren, gebruik je het volgende commando:

Terminal
$ npm install [package-naam]

Om een package als development dependency te installeren (alleen nodig tijdens ontwikkeling):

Terminal
$ npm install typescript --save-dev

Package.json bestand​

Het package.json bestand is het hart van elk project. Het bevat metadata over het project en lijst van dependencies. Hier is een voorbeeld:

package.json
{
    "name": "mijn-website",
    "version": "1.0.0",
    "description": "Een geweldig webproject",
    "devDependencies": {
        "typescript": "^5.8.3"
    },
    "author": "Webintro",
    "license": "MIT"
}

Veelvoorkomende commando's​

NPM​

  • npm list: Toont alle geïnstalleerde packages
  • npm outdated: Controleert op verouderde packages
  • npm update: Update alle packages
  • npm uninstall [package-naam]: Verwijdert een package

Best practices​

  1. Specificeer versies: Gebruik semver (Semantic Versioning) om de versies van je dependencies te specificeren.
  2. package-lock.json: Commit dit bestand altijd naar je versiebeheersysteem om consistente installaties te garanderen.
  3. Audit regelmatig: Voer npm audit uit om beveiligingsproblemen in je dependencies te controleren.
  4. Minimaliseer dependencies: Gebruik alleen wat je echt nodig hebt om je project licht te houden.
  5. Gebruik scripts: Definieer veelgebruikte commando's als scripts in je package.json.

Door een goede package manager te gebruiken en de beste praktijken te volgen, kun je je ontwikkelingsproces stroomlijnen en je projecten beter beheren.