Snowpack, Webpack und Parcel bündeln Ihr JavaScript, sind jedoch schwer individuell zu konfigurieren. Rollup.js ist schneller und besser konfigurierbar. Erfahren Sie, wie Sie es einrichten!
Rollup.js ist ein JavaScript-Modul-Bundler der nächsten Generation von Rich Harris, dem Autor von Svelte . Es kompiliert mehrere Quelldateien zu einem einzigen Bundle.
Die Vorteile umfassen:
- Entwicklung ist einfacher zu verwalten, wenn kleinere, in sich geschlossene Quelldateien verwendet werden
- die Quelle kann während des Bündelns linted, verschönert und Syntax-geprüft werden
- Baumschütteln entfernt ungenutzte Funktionen
- Transpilieren auf ES5 für Abwärtskompatibilität ist möglich
- mehrere Ausgabedateien können generiert werden – Ihre Bibliothek könnte beispielsweise in ES5-, ES6-Modulen und Node.js-kompatiblem CommonJS bereitgestellt werden
- Produktionspakete können minimiert und die Protokollierung entfernt werden
Andere Bundler-Optionen, wie z Webpack , Schneedecke , und Paket , versuchen, alles auf magische Weise zu handhaben: HTML-Templating, Bildoptimierung, CSS-Verarbeitung, JavaScript-Bündelung und mehr. Dies funktioniert gut, wenn Sie mit den Standardeinstellungen zufrieden sind, aber benutzerdefinierte Konfigurationen können schwierig sein und die Verarbeitung ist langsamer.
Rollup.js konzentriert sich hauptsächlich auf JavaScript (wobei es Plugins für HTML-Templates und CSS gibt). Es hat eine erschreckende Anzahl von Optionen, aber der Einstieg ist einfach und das Bündeln geht schnell. Dieses Tutorial erklärt, wie Sie typische Konfigurationen in Ihren eigenen Projekten verwenden.
#javascript #rollup #snowpack #webpack #paket
www.sitepoint.com
Eine Einführung in den Rollup.js-JavaScript-Bundler
Snowpack, Webpack und Parcel bündeln Ihr JavaScript. Rollup.js ist schneller und besser konfigurierbar. Rollup.js konzentriert sich hauptsächlich auf JavaScript (wobei es Plugins für HTML-Templates und CSS gibt). Dieses Tutorial erklärt, wie Sie typische Konfigurationen in Ihren eigenen Projekten verwenden.