React PWA：create-react-appとChromeの灯台拡張

Question

私は気づいてから、定型コードで新しいアプリケーションを作成することから始めて、create-react-appを使っています。このツールはすばらしく動作し、シンプルなアプリをローカルで実行できます。

次に進む前に、私はそれがProgressive Web App (PWA)であることを確認したいと思います。 create-react-appの最新のリリースノートから、create-react-app creates a PWA by defaultのように見えます。

私はChrome's Lighthouse extensionを使用してPWAのすべての側面が達成されたかどうかを示すレポートを作成しています。作成反応するアプリでのPWAを作成する

どれ指導：しかし、デフォルトのアプリに対して作成したレポートは、PWAのいくつかの重要な側面をオフにチェックしません作成-反応するアプリを使用して作成し、ここにスナップショットです非常に高く評価されるだろう。

Answer 1

Create-React-Appは、プロダクションビルドのsw-precache-pluginのみを有効にします。これは、開発時のキャッシュに関する問題を避けるためです。プロダクションビルドを作成するには、npm run buildを実行してから、端末の指示に従ってbuildフォルダーを提供します。