我打算将 Workbox google 的库与 react js 应用程序一起使用。我使用以下命令创建了一个应用程序
npx create-react-app myapp --template cra-template-pwa
我想静态缓存所有内容(js、jpg、html)以供离线使用。创建后,检查生成的文件,无法理解如何配置静态缓存。生成的文件具有生产条件检查。我可以在 localhost 中测试静态缓存和离线模式吗?
那里有许多 npm 安装,但不确定哪一个是正确的。是否有一个我可以遵循的示例来配置我的网络应用程序。
- npm install workbox-webpack-plugin
- npm install react-app-rewire-workbox
- npm install react-app-rewired
谢谢。