2

我是React的新手,开始使用create-react-app以样板代码创建新应用程序。该工具很好,我可以在本地运行简单的应用程序。React PWA:create-react-app和Chrome的灯塔扩展

接下来,在我继续之前,我想确保它是一个Progressive Web App (PWA)。从create-react-app的最新版本说明看起来像create-react-app creates a PWA by default

我一直在使用Chrome's Lighthouse extension来创建一个报告,显示PWA的所有方面是否都已实现。但对默认的应用程序创建的报告使用create-反应 - 应用程序不检查过PWA的一些重要方面创建的,这里有一个快照:

enter image description here

创建与创建反应的应用程序内的PWA的任何指导意见将不胜感激。

回答

2

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

+0

谢谢斯科特。对于其他人,如果你想在Lighthouse进行本地测试,你也可以注释掉“process.env.NODE_ENV ==='production'”的检查。 – dparkar