Webpack-Bundler#

Vite#

Sprich: [wiet] aus dem französischen, wiederhole schnell …

Vite it ein Entwicklerwerkzeug und unterstützt z.B. Vue und React

Vite hebt Einschränkungen von Webpack auf und verbessert die Handhabung, dazu gehören:

  • schnellerer Programmstart, Neuladen nach Änderungen

  • Hot module reloading (HMR)

  • On-demand compilation

  • kein Konfiguration für viele Pre-Processoreb

  • unterstützt typescript / jsx

  • keine Unterstützung von Babel (transpiling)!

Webpack#

  • Verwaltet einen Baum von Abhängigkeiten (imports, exports, requires im Quellcode.

  • Übersetzt (transpiling) JavaScript-Code für andere Systeme z.B. ältere Browser, wandelt SCSS zu CSS

  • Verwendet Algorithmen für die Sortierung, die Transformation udn die Verknüpfung von Code

  • Optimimiert den Code