React PWA：create-react-app和Chrome的燈塔擴展

Question

我是React的新手，開始使用create-react-app以樣板代碼創建新應用程序。該工具很好，我可以在本地運行簡單的應用程序。

接下來，在我繼續之前，我想確保它是一個Progressive Web App (PWA)。從create-react-app的最新版本說明看起來像create-react-app creates a PWA by default。

我一直在使用Chrome's Lighthouse extension來創建一個報告，顯示PWA的所有方面是否都已實現。但對默認的應用程序創建的報告使用create-反應 - 應用程序不檢查過PWA的一些重要方面創建的，這裏有一個快照：

創建與創建反應的應用程序內的PWA的任何指導意見將不勝感激。

Answer 1

Create-React-App僅在生產版本中啓用sw-precache-plugin。這是爲了避免在開發時緩存問題。通過運行npm run build然後按照終端中的說明來爲build文件夾提供服務，從而創建生產版本。