微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决如何使用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 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?