reactjs - React Service Worker 将文件添加到缓存

标签 reactjs service-worker sw-precache

基于 create-react-app 构建第一个 React 应用程序。它已经在生产版本中有一个 service-worker.js,但我需要手动添加几个 JavaScript(workers)文件。这些文件不包含在 HTML 中,并且 Service Worker 不会缓存它们。

将文件添加到服务工作线程缓存列表的正确方法是什么?

最佳答案

因为没有找到更好的解决方案,所以决定修改文件node_modules/react-scripts/config/webpack.config.prod.js

查找行

new SWPrecacheWebpackPlugin({

并粘贴到下面

mergeStaticsConfig: true,
stripPrefix: './public/',
staticFileGlobs: ['./public/./js/jimp.min.js', './public/./js/jimp-worker.js'],

关于reactjs - React Service Worker 将文件添加到缓存,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51797180/

相关文章:

polymer - 服务 worker : How to build "Fresh" version of website for each new deployment?

javascript - 语义-UI-React 转换

javascript - 为什么在我的 service worker range header 没有被发送?

android - Service Worker client.openWindow 从 list 中打开 start_url 而不是请求的 URL

firebase - 如何使用新部署的站点版本 (Firebase) 从用户的浏览器中删除先前部署中注册的服务 worker ?

javascript - swPrecache 和 CDN 作为代理?

reactjs - 在react js中动态添加到body中的数据时滚动到页面底部?

javascript - 与 Webpack Dev Server 一起使用时,Webpack 不生成包

javascript - 在 React 初始化时 props 是未定义的。为什么?

testing - Chrome DevTools > Service Workers > Testing > Local dev environment serves via http on a LAN