反应PWA:create-react-app和Chrome的Lighthouse扩展

时间:2017-08-08 05:15:45

标签: reactjs progressive-web-apps create-react-app lighthouse

我是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-react-app创建的默认应用程序创建的报告并没有检查PWA的一些重要方面,这是一个快照:

enter image description here

非常感谢使用create-react-app创建PWA的任何指导。

1 个答案:

答案 0 :(得分:2)

Create-React-App仅在生产版本中启用sw-precache-plugin。这是为了避免在开发时出现缓存问题。您可以通过运行npm run build创建生产版本,然后按照终端中的说明提供build文件夹。

相关问题