首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用glob模式匹配从长期缓存中排除sw.js

是为了在Service Worker中排除sw.js文件,以避免将其缓存到长期缓存中。glob模式是一种通配符模式,可以用来匹配文件路径名。

在这个场景中,我们可以使用以下的glob模式来排除sw.js文件:

代码语言:javascript
复制
"**/sw.js"

这个模式可以匹配任意目录下的sw.js文件。在配置Service Worker的缓存策略时,可以使用这个模式来排除sw.js文件,确保它不会被缓存到长期缓存中。

对于腾讯云的相关产品和产品介绍链接地址,以下是一些推荐的选择:

  1. 腾讯云对象存储(COS):腾讯云的对象存储服务,提供高可靠、低成本的云端存储解决方案。适用于存储、备份、归档、静态网站托管等场景。了解更多信息,请访问:腾讯云对象存储(COS)
  2. 腾讯云云服务器(CVM):腾讯云的云服务器产品,提供弹性计算能力,适用于各种应用场景。了解更多信息,请访问:腾讯云云服务器(CVM)
  3. 腾讯云CDN加速:腾讯云的内容分发网络服务,提供全球加速、智能调度、安全稳定的内容分发解决方案。适用于加速网站、视频、应用等内容的传输。了解更多信息,请访问:腾讯云CDN加速

请注意,以上推荐的产品仅供参考,具体选择应根据实际需求和情况进行。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Service Worker的应用

自定义模板用于特定URL模式。性能增强,比如预取用户可能需要的资源,比如相册的后面数张图片。 可以配合App Manifest和Service Worker来实现PWA的安装和离线等功能。...出于安全考量,Service workers只能由HTTPS承载,localhost本地调试可以使用http。 在Firefox浏览器的用户隐私模式,Service Worker不可用。...之后便是caches取出这个CACHE_NAME的key标识的cache,之后使用cache.addAll将数组的path告诉cache,在第一次打开的时候,Service worker会自动去请求相关的数据并且缓存起来...然后对于请求如果匹配到了缓存,那么就直接从缓存取得数据,否则就使用fetch去请求新的。另外如果有需要的话我们不需要在事件响应时进行匹配 可以直接将所有发起过的请求缓存。...,从缓存取 fetch http://localhost:7811/static/cache.js 有缓存,从缓存取 注册成功 cache.js loaded 至此我们就完成了一个简单的示例,在第二次打开页面的时候

55410

你的web应用支持离线访问和策略缓存吗?

使用 service worker 前,需要创建一份注册文件,不妨在项目下创建一个名为 sw.js 的文件 console.log('Hello, I am sw.js file') 然后在应用通过这个文件进行注册...相信大多人看到这些概念是蒙的,我们只需要围绕一个概念:缓存 ,并且是策略性的,存什么是可以控制的,也给我们开发离线应用提供了思路。 使用Workbox 还记得那个 sw.js 文件吗?...开始使用Workbox Workbox 定义了标准统一API,我们来看如何借助它提供的API逐步优化项目 路由请求定义缓存 在 Workbox ,最核心的概念要数基于路由的策略缓存了,这里抓住两个关键词...networkFirst 网络优先的策略 cacheFirst 直接 Cache 缓存取得结果,如果 Cache 缓存没有结果,那就会发起网络请求,拿到网络请求结果并将结果更新至 Cache 缓存...{html,js,css}'], }) ] // ... }); 使用 workbox 提供的 Webpack 插件必须在 app/sw.js 包含以下代码才能完成预缓存内容列表注入工作

99720
  • LayaAir IDE 项目发布3.0 详解(含命令行发布)

    排除这些文件该选项是基于后缀列表筛选的辅助筛选功能 ,当勾选了该功能选项后,则不是压缩当前匹配的文件,而是排除当前匹配的文件。这个机制通常用于多个匹配规则结合起来。...(pattern|pattern|pattern) 匹配任何与括号给定的任一模式都不匹配的 ?...(pattern|pattern|pattern) 匹配括号给定的任一模式0次或1次,类似于js正则的(pattern|pattern|pattern)?...) 匹配括号给定的任一模式0次或多次,类似于js正则的(pattern|pattern|pattern)* @(pattern|pattern|pattern) 匹配括号给定的任一模式1次,类似于...说明 说明栏可以填写一些规则的备忘信息,用于针对该规则的提示,避免长期不用之后遗忘了该规则的作用。例如图2-3,写清了这个规则是用于“排除bin\res目录内的图片压缩”。

    3.4K20

    gitignore不忽略指定文件

    即#开头的文件标识注释,可以使用反斜杠进行转义。 3、可以使用标准的glob模式匹配。所谓的glob模式是指shell所使用的简化了的正则表达式。...4、以斜杠"/"开头表示目录;"/"结束的模式匹配文件夹以及在该文件夹路径下的内容,但是不匹配该文件;"/"开始的模式匹配项目跟目录;如果一个模式不包含斜杠,则它匹配相对于当前 .gitignore...比如[0-9]表示匹配所有0到9的数字,[a-z]表示匹配任意的小写字母)。 8、以叹号"!"表示不忽略(跟踪)匹配到的文件或目录,即要忽略指定模式以外的文件或目录,可以在模式前加上惊叹号(!)...需要特别注意的是:如果文件的父目录已经被前面的规则排除掉了,那么对这个文件用"!"规则是不起作用的。也就是说"!"开头的模式表示否定,该文件将会再次被包含,如果排除了该文件的父级目录,则使用"!"...那么解决方案就是要将 git 的本地缓存删除,然后重新提交。 参考 [Git].gitignore文件的配置使用 .gitignore文件的忽略规则

    3.1K40

    【译】理解Service Worker

    最初,H5标准推出了应用缓存作为离线web应用的解决方案。它以一个缓存清单为中心将HTML与JS组合起来,这清单是一个用声明式语法编写的配置文件。 但是最终,大家发现应用缓存存在太多的坑。...此后,稍有人再赞同使用它,取而代之的是Service Worker。 Service Worker带来的离线可用解决方案更加符合未来发展趋势。...触发的时候,你的SW可以“拦截”请求并决定想要返回什么——是缓存的数据还是一个实际网络请求的结果。 以下的例子演示一个缓存优先策略:任何匹配请求的缓存数据都会优先发送,不会发出网络请求。...它可以用来查找一个匹配缓存响应结果。 cache.match 会尝试为一个请求寻找匹配缓存值。如果没能找到,这个 promise 会得到 undefined 结果。...当你更新你的SW文件(/sw.js),浏览器会检测到并在开发者工具如下展示: ?

    1K30

    PWA 入门

    如果你修改 sw.js 的内容,install 事件就会被触发。...如果断网了,远端的数据就会请求失败,这个时候我们可以将请求转发到本地缓存,本地缓存如果能用请求匹配到响应内容,我们就返回响应数据,这样页面就不再是空白了。...respondWith 有了 respondWith 函数,再结合 cache.match(request) 向本地缓存匹配数据。...( getResponse() ); }); 上面的缓存策略是:对前端发起的网络请求 service worker 会拦截到,如果缓存里有对应的数据就不发送网络请求,而是使用缓存的数据...如果缓存里没有,才向服务器发请求。 当然,也可以使用其他策略,比如在有网时就主动请求服务器的数据,如果断网了,则使用缓存的数据。

    1.6K21

    Workbox5+Webpack4构建离线应用

    引入方式 有两种方式可以引入workbox: 第一种最为方便,就是通过importScripts()方法谷歌官方CDN引入。...,第二个参数是对匹配路径进行的处理函数,可以用workbox封装的缓存策略处理函数,也可以自定义,上述示例就是使用的workbox内部封装的CacheFirst缓存策略。...:从缓存读取资源的同时发送网络请求更新本地缓存 五种缓存策略使用方法一致,各适用于不同的场景,具体适用场景可在离线指南中查看。...,需要在src目录下创建一个sw.js(命名自定义,但需要和webpack配置中一致),在这个文件我们可以进行预缓存等操作。...navigationRoute可以匹配导航请求,从而换从中加载index.html,但默认情况会拦截所有导航请求,如果需要控制,可以在方法添加白名单和黑名单加以控制。

    1.2K10

    ServiceWorker工作机制与生命周期:资源缓存与协作通信处理

    manifest 缓存 已经被废弃,因为他的设计有些不合理的地方,他在缓存静态文件的同时,也会默认缓存html文件。这导致页面的更新只能通过manifest文件的版本号来决定。...—因为service worker涉及到请求拦截,出于对安全问题的考虑,所以必须使用HTTPS协议来保障安全 被缓存的文件可在Network中看到Size项为 from ServiceWorker,在...而最简单的方法就是页面发送过来的消息获取 WindowClient 实例,使用的是 event.source ,不过这种方法只能向消息的来源页面发送信息。...networkFirst 这种策略就是当请求路由是被匹配的,就采用网络优先的策略,也就是优先尝试拿到网络请求的返回结果,如果拿到网络请求的结果,就将结果返回给客户端并且写入 Cache 缓存。...可以像如下方式使用 Network First 策略: cacheFirst 这个策略的意思就是当匹配到请求之后直接 Cache 缓存取得结果,如果 Cache 缓存没有结果,那就会发起网络请求,

    1.5K20

    Service Worker 全面进阶

    (特别提醒,如果想要测试注册 SW 可以使用隐身模式调试!!!) 那当我注册成功时,怎样查看我注册的 SW 呢?...记住,下面的部分是在另外一个 js 的脚本,使用的是 worker 的编程方法。如果,有同学还不理解 worker 的话,可以先去学习一下,这样在后面的学习才不会踩很深的坑。...Update 在 SW 的更新涉及到两块,一个是基本静态资源的更新,还有一个是 SW.js 文件的更新。这里,我们先说一下比较坑的 SW.js 的更新。...最主要的应该有两个东西,缓存和推送。这里我们主要讲解一下缓存。不过在SW ,我们一般只能缓存 POST 上面在文件更新里面也讲了几个更新的方式。...加深印象: Cache Object Cache 虽然是在 SW 定义的,但是我们也可以直接在 window 域下面直接使用它。

    3.6K10

    TypeScript的tsconfig.json详解

    一个项目可以通过以下方式之一来编译:使用tsconfig.json不带任何输入文件的情况下调用tsc,编译器会当前目录开始去查找tsconfig.json文件,逐级向上搜索父目录。..."include"和"exclude"属性指定一个文件glob匹配模式列表。 支持的glob通配符有:匹配0或多个字符(不包括目录分隔符)?...匹配一个任意字符(不包括目录分隔符)*/ 递归匹配任意子目录如果一个glob模式里的某部分只包含或....如果"files"和"include"都没有被指定,编译器默认包含当前目录和子目录下所有的TypeScript文件(.ts, .d.ts 和 .tsx),排除在"exclude"里指定的文件。...使用 "outDir"指定的目录下的文件永远会被编译器排除,除非你明确地使用"files"将其包含进来(这时就算用exclude指定也没用)。

    65420

    Webpack实战-构建离线应用

    由于部分被缓存的资源直接本地加载,对用户来说可以加速网页加载速度,对网站运营者来说可以减少服务器压力以及传输流量费用。...离线应用的核心是离线缓存技术,历史上曾先后出现2种离线离线缓存技术,它们分别是: AppCache 又叫 Application Cache,目前已经 Web 标准删除,请尽量不要使用它。...新 Service Workers 线程的 activate 事件就是最佳的清理旧缓存的时间点,代码如下: // 当前缓存白名单,在新脚本的 install 事件里将使用白名单里的 key var...文件, 并且sw.js文件的 cacheFileList 变量,代表需要被缓存文件的 URL 列表,需要根据输出文件列表所对应的 URL 来决定,而不是像上面那样写成静态值。...serviceworker-webpack-plugin 插件为了保证灵活性,允许使用者自定义 sw.js,构建输出的 sw.js 文件中会在头部注入一个变量 serviceWorkerOption.assets

    74920

    「译」面向 JavaScript 开发人员的 TSConfig 简介

    include - 指定 TypeScript 的文件路径或 glob 模式数组,应该包含在编译过程。仅匹配指定的文件模式将被考虑进行编译。...exclude - 此设置指定文件路径或 glob 模式的数组,TypeScript 应从编译过程中排除(即使它们与 include 设置中指定的模式)。...其他 TSConfig 设置include – 指定 TypeScript 应该在编译过程包含的文件路径或 glob 模式的数组。只有匹配指定模式的文件才会被考虑进行编译。...你可以使用 glob 模式(如:“src/*/.ts”)来包括特定目录或特定文件扩展名的文件。...exclude – 此设置指定 TypeScript 应该编译过程中排除的文件路径或通配模式数组(即使它们与 include 设置中指定的模式匹配)。

    10510

    gulp 详解与使用

    其语法为: gulp.src(globs [, options]) gulp 用到的 glob匹配规则以及一些文件匹配技巧。 gulp 内部使用了 node-glob 模块来实现其文件匹配功能。...['js/*.js','css/*.css','*.html']) 使用数组的方式还有一个好处就是可以很方便的使用排除模式,在数组的单个匹配模式前加上 !...即是排除模式,它会在匹配的结果中排除这个匹配,要注意一点的是不能在数组的第一个元素中使用排除模式 gulp.src([*.js,'!...b*.js',*.js]) //不会排除任何文件,因为排除模式不能出现在数组的第一个元素 此外,还可以使用展开模式。...其语法为: gulp.watch(glob[, opts], tasks); glob 为要监视的文件匹配模式,规则和用法与 gulp.src() 方法glob 相同。

    1.2K10

    Git忽略提交规则 .gitignore文件(上)

    简单来说一个场景:在你使用git add .的时候,遇到了把你不想提交的文件也添加到了缓存中去的情况,比如项目的本地配置信息,如果你上传到Git中去其他人pull下来的时候就会和他本地的配置有冲突,所以这样的个性化配置文件我们一般不把它推送到...git服务器,但是又为了偷懒每次添加缓存的时候都想用git add .而不是手动一个一个文件添加,该怎么办呢?...即#开头的文件标识注释,可以使用反斜杠进行转义。 3)可以使用标准的glob模式匹配。所谓的glob模式是指shell所使用的简化了的正则表达式。...4)以斜杠”/“开头表示目录;”/“结束的模式匹配文件夹以及在该文件夹路径下的内容,但是不匹配该文件;”/“开始的模式匹配项目跟目录;如果一个模式不包含斜杠,则它匹配相对于当前 .gitignore...需要特别注意的是:如果文件的父目录已经被前面的规则排除掉了,那么对这个文件用”!”规则是不起作用的。也就是说”!”开头的模式表示否定,该文件将会再次被包含,如果排除了该文件的父级目录,则使用”!”

    6.9K30
    领券