小编Con*_*ard的帖子

React(CRA)SW缓存“公用”文件夹

在执行create-react-app并启用中的服务后index.js,该src文件夹中的所有相关文件都会被缓存。但是,我的一些资源位于public目录中。当我运行时npm run buildasset-manifest.json并且precache-manifest.HASH.js仅包含HTML,已损坏的JS和CSS(src文件夹中的所有内容)。

如何告诉服务人员从该public文件夹中另外缓存特定文件?

这是实际产生的 precache-manifest.e431838417905ad548a58141f8dc754b.js

self.__precacheManifest = [
  {
    "revision": "cb0ea38f65ed9eddcc91",
    "url": "/grafiti/static/js/runtime~main.cb0ea38f.js"
  },
  {
    "revision": "2c226d1577937984bf58",
    "url": "/grafiti/static/js/main.2c226d15.chunk.js"
  },
  {
    "revision": "c88c70e5f4ff8bea6fac",
    "url": "/grafiti/static/js/2.c88c70e5.chunk.js"
  },
  {
    "revision": "2c226d1577937984bf58",
    "url": "/grafiti/static/css/main.7a6fc926.chunk.css"
  },
  {
    "revision": "980026e33c706b23b041891757cd51be",
    "url": "/grafiti/index.html"
  }
];
Run Code Online (Sandbox Code Playgroud)

但我希望它也包含这些URL的条目:

  • /grafiti/icon-192.png
  • /grafiti/icon-512.png

它们来自public文件夹。

或者:如何以一种可以从Web清单中引用它们的方式manifest.webmanifestsrc文件夹中添加文件图标?

android static-files service-worker create-react-app

7
推荐指数
1
解决办法
144
查看次数