如何使用CRA中的工作箱将垃圾JS文件添加到缓存-React / SW

问题描述

我添加了一个自定义的SW文件，该文件将在构建后的最后一个SW文件中注入，并且在此文件中，我使用以下工作区配置来缓存文件，并且按预期工作正常，但是我正在寻找在访问它们之前添加由React Lazy创建的所有垃圾文件（每条路线的拆分代码），我的意思是获取所有js文件（带有动态垃圾名称，这使得手动列出它们以及每次更改都变得困难）在构建中）中并将其添加到缓存中。

workBox.routing.registerRoute(
   /\.(?:js|css|png|jpg|jpeg|svg)$/,new workBox.strategies.StaleWhileRevalidate({ // StaleWhileRevalidate get first from network and update cache,use cacher if network is not available; we can also use CacheFirst
      cacheName: "custom-assets-cache",plugins: [
         new workBox.expiration.Plugin({
            maxEntries: 2000,maxAgeSeconds: 7776000 // 3 months
         })
      ]
   })
);

如果我们可以访问Node的FS，那么就很容易了，以免列出文件名，但是如您所知，我们无法在前端访问FS。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）