Webpack-Bundler#
Webpack
Vite
Parcel
RollUp
Browserify
Snowpack
Vergleich Webpack und Vite
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