Reagieren PWA: Create-Reagieren-App und Chrome Lighthouse-Erweiterung

Question

Ich bin neu zu reagieren und beginnend mit dem Erstellen einer neuen App mit Boilerplate Code mit create-react-app. Das Tool funktioniert großartig und ich kann die einfache App lokal ausführen.

Als nächstes, bevor ich fortfahre, möchte ich sicherstellen, dass es sich um eine Progressive Web App (PWA) handelt. Aus den letzten Versionshinweisen von create-react-app sieht create-react-app creates a PWA by default aus.

Ich habe Chrome's Lighthouse extension verwendet, um einen Bericht zu erstellen, der zeigt, ob alle Aspekte von PWA erreicht wurden. Aber der Bericht gegen die Standard-App erstellt erstellt erstellen reagieren-App nicht einige wichtige Aspekte der PWA abhaken, hier ein Überblick:

Jede Führung der Schaffung PWAs mit create-reagieren-App würde sehr geschätzt werden.

Answer 1

Create-React-App aktiviert nur die sw-precache-plugin im Produktions-Build. Dies soll Probleme beim Zwischenspeichern bei der Entwicklung vermeiden. Sie erstellen einen Produktions-Build, indem Sie npm run build ausführen und dann den Anweisungen im Terminal folgen, um den Ordner build zu bedienen.