• Support
my.cyonWebmailBestellen
Dies ist eine Beta-Version der neuen cyon-Website
Einige Funktionen funktionieren möglicherweise nicht wie erwartet.
npm

npm

Aktualisiert am 28. Sept. 2023
War dieser Artikel hilfreich?

npm ist ein Paketmanager für die JavaScript-Laufzeitumgebung Node.js. Ähnlich wie mit Composer für PHP lassen sich damit JavaScript-Module auf deinem Webhosting installieren und verwalten. Auf unseren Webhostings ist npm installiert und kann direkt verwendet werden.

Eine gute Zusammenfassung zu diesem Thema bietet unser Blog-Beitrag «1.4 Mio. Module – npm jetzt bei cyon verfügbar». Folgend möchten wir zusätzlich anhand einiger Beispiele veranschaulichen, wie npm auf unseren Webhostings genutzt werden kann.

  • JavaScript-Tools auf dem Webhosting installieren
  • Static Site Generators verwenden
  • JavaScript-Module im Browser nutzen
  • Websites bündeln
  • Alternative Paketmanager verwenden

Beachte, dass unsere Webhostings zur Zeit das Ausliefern einer Website über einen Node.js-Server noch nicht unterstützen. Node.js kann somit nur als JavaScript-Laufzeitumgebung in der Kommandozeile deines Webhostings verwendet werden und ist nicht direkt über das Internet erreichbar.

JavaScript-Tools auf dem Webhosting installieren

Mit npm lässt sich der Funktionsumfang deines Webhostings bequem erweitern. Über den Befehl npm install lassen sich unter anderem JavaScript-Tools auf einem Webhosting installieren. So kann zum Beispiel mit npm install --global vtop ein Kommandozeilen-Tool für die Analyse der Prozesse auf dem Webhosting global installiert werden. Das Tool kann nach erfolgreicher Installation mit dem Befehl vtop auf dem ganzen Webhosting genutzt werden.

Eine Übersicht deiner global installierten JavaScript-Tools lässt sich jederzeit mit npm list --global --depth 0 anzeigen.

Static Site Generators verwenden

Im Gegensatz zu klassischen CMS in PHP, die meist eine Datenbank für das Generieren von Websites benötigen, lassen sich mit Static Site Generators Inhalte meist basierend auf simplen Textdateien in eine statische Website umwandeln. Der grosse Vorteil liegt dabei in der Einfachheit solcher Static Site Generators. Mit npm lassen sich statische Websites direkt auf dem Webhosting generieren, die auf Node.js basieren, beispielsweise VuePress.

JavaScript-Module im Browser nutzen

Obwohl Node.js-Module noch nicht serverseitig für die Auslieferung deiner Website verwendet werden können, kannst du trotzdem auf entsprechende Funktionen in deiner Website zugreifen. Dafür musst du das gewünschte Modul so übersetzen, dass es vom Browser verstanden wird. Dabei helfen dir sogenannte Bundler wie zum Beispiel Webpack oder Browserify, die mit npm installiert und direkt auf dem Webhosting ausgeführt werden können.

Websites bündeln

Websites bestehen längst nicht mehr nur aus HTML- und CSS-Dateien. Der Workflow moderner Webentwicklungen bündelt eine Vielzahl von Dateiformaten in für den Browser lesbare Dateien. Diese Aufgaben können mit Task Runner wie Grunt oder Gulp im Zusammenspiel mit unzähligen Node.js-Modulen automatisiert werden. Mit npm und Node.js kann deine Website direkt auf deinem Webhosting in der Kommandozeile gebündelt und veröffentlicht werden.

Alternative Paketmanager verwenden

Neben npm gibt es noch weitere Paketmanager für Node.js. Unter anderem erfreut sich Yarn grosser Beliebtheit. Mit npm install --global yarn lässt sich der alternative Paketmanager zusätzlich auf einem Webhosting installieren und nutzen.

War dieser Artikel hilfreich?
Kategorien
  • Begriffe
Artikel teilen
Verwandte Artikel

Was dir auch helfen könnte

Wähle den für dich passenden Kanal

Prozesse auf meinem Webhosting stoppen

Wenn deine Website nicht mehr funktioniert, weil auf deinem Webhosting zu viele Prozesse laufen und du damit dei...

Git mit meinem Webhosting verbinden

Um deine Website über Git zu verwalten, ist als Erstes ein leeres Git-Repository auf deinem Webhosting notwendig...

SSH

Secure Shell (SSH) bezeichnet sowohl ein Netzwerkprotokoll als auch entsprechende Programme, mit deren Hilfe man...

Composer installieren

Mit Composer lassen sich Abhängigkeiten in deinem PHP-Projekt bequem verwalten. Das Werkzeug erlaubt es dir, PHP...

Installierte Module auf unseren Webhostings

Damit deine Website/Anwendung zuverlässig funktioniert, sind eine Vielzahl an PHP-Modulen und Server-Applikation...

E-Mail-Programm konfigurieren

Unser E-Mail-Zauberer führt dich durch den Einrichtungsprozess: Verwalte deine E-Mail-Konten ganz bequem über das E-Mail-Programm deiner Wahl. Mit unserem Einrichtungsassistenten gelingt dir dies ganz einfach.

E-Mail-Zauberer starten

Stressfrei Website & E-Mail umziehen lassen

Unser Umzugsteam begleitet dich beim Wechsel zu cyon – Schritt für Schritt.

Jetzt ohne Doppelkosten wechseln

Scharon

Customer Support

Gabriel

Customer Support

Immer auf dem Laufenden bleiben

Tipps, Tools & Insights für deine Webprojekte.

Jetzt Newsletter abonnieren
Support

Du brauchst persönliche Unterstützung?

Wähle den für dich passenden Kanal

Statusmeldungen

Statusmeldungen

Übersicht über unsere Systeme

Statusmeldungen

  • Unser Systemstatus ist aktuell stabil.
  • Geplante Wartungsarbeiten am 15. Juli 2024 von 02:00 bis 04:00 Uhr.
  • Es gibt derzeit keine bekannten Störungen.

Wichtige Hinweise

  • Bitte überprüfe regelmässig unseren Status-Feed für aktuelle Informationen.
  • Bei dringenden Problemen kontaktiere unseren Support.

Wir machen das Internet zu einem besseren Ort

4.8 / 5
Swiss Label
Swiss Hosting

Hosting

  • Webhosting
  • Webhosting Pro
  • Sitebuilder
  • https:// für alle
  • Umzugsservice

Server

  • Managed Server
  • Agency Server

Domains

  • Domains
  • Domain transferieren
  • Alle Domains

Support

  • Support Center
  • E-Mail Zauberer
  • my.cyon
  • Webmail

Über uns

  • Warum cyon
  • Team
  • Jobs
  • Geschichte
  • Partner*innen
  • Engagement
  • Nachhaltigkeit
  • Infrastruktur
  • Blog

Rechtliches

  • AGB
  • Datenschutzerklärung
  • Impressum
Swiss Label
Swiss Hosting
Folge uns
Newsletter

Schliesse dich 4.000 anderen an (+20 in der letzten Woche neu beigetreten)