React PWA:create-react-app 和 Chrome 的 Lighthouse 扩展
React PWA : create-react-app and Chrome's Lighthouse extension
我是 React 的新手,开始使用 create-react-app 创建一个带有样板代码的新应用程序。该工具效果很好,我可以在本地 运行 简单的应用程序。
接下来,在我继续之前,我想确保它是 Progressive Web App (PWA). From the latest release notes of create-react-app, looks like create-react-app creates a PWA by default。
我一直在使用 Chrome's Lighthouse extension 创建一份报告,显示是否已实现 PWA 的所有方面。但是针对使用 create-react-app 创建的默认应用程序创建的报告没有检查 PWA 的一些重要方面,这是一个快照:
任何使用 create-react-app 创建 PWA 的指导将不胜感激。
Create-React-App 仅在生产构建中启用 sw-precache-plugin
。这是为了避免在开发时出现缓存问题。您通过 运行 npm run build
创建生产版本,然后按照终端中的说明为 build
文件夹提供服务。
我是 React 的新手,开始使用 create-react-app 创建一个带有样板代码的新应用程序。该工具效果很好,我可以在本地 运行 简单的应用程序。
接下来,在我继续之前,我想确保它是 Progressive Web App (PWA). From the latest release notes of create-react-app, looks like create-react-app creates a PWA by default。
我一直在使用 Chrome's Lighthouse extension 创建一份报告,显示是否已实现 PWA 的所有方面。但是针对使用 create-react-app 创建的默认应用程序创建的报告没有检查 PWA 的一些重要方面,这是一个快照:
任何使用 create-react-app 创建 PWA 的指导将不胜感激。
Create-React-App 仅在生产构建中启用 sw-precache-plugin
。这是为了避免在开发时出现缓存问题。您通过 运行 npm run build
创建生产版本,然后按照终端中的说明为 build
文件夹提供服务。