Zusammenfassung von Webpack
Ivan Akulov
Zusammenfassung:
- Entfernen Sie unnötige Bytes. Komprimieren Sie alles, entfernen Sie nicht verwendeten Code und gehen Sie mit Bedacht vor, wenn Sie Abhängigkeiten hinzufügen.
- Code nach Routen aufteilen. Laden Sie nur das, was Sie wirklich brauchen, und laden Sie andere Inhalte später per Lazy Loading.
- Cache-Code: Einige Teile Ihrer App werden seltener aktualisiert als andere. Teilen Sie diese Teile in Dateien auf, damit sie nur bei Bedarf noch einmal heruntergeladen werden.
- Behalte die Größe im Blick. Mit Tools wie webpack-dashboard und webpack-bundle-Analyzer behalten Sie die Größe Ihrer Anwendung im Blick. Sehen Sie sich alle paar Monate die Gesamtleistung Ihrer Anwendung noch einmal an.
Webpack ist nicht das einzige Tool, mit dem Sie Apps schneller machen können. Gestalten Sie Ihre Anwendung gegebenenfalls als Progressive Web-App, um sie noch nutzerfreundlicher zu machen, und verwenden Sie automatisierte Profilerstellungstools wie Lighthouse, um Verbesserungsvorschläge zu erhalten.
In der Webpack-Dokumentation finden Sie viele weitere nützliche Informationen.
Außerdem solltest du mit der Trainings-App spielen!