社区
JavaScript
帖子详情
cs架构下客户端发布如何添加文件指纹(gulp-rev等工具的使用)
manshousu
2018-04-18 05:45:08
系统采用经典的cs架构,客户端jsp/js/action 调用dubbo/调用后端。采用tomcat服务器发布,每次前端都要用户刷新缓存,请问我怎么能使用以上工具为jsp/js等文件添加文件指纹(MD5戳或者时间戳)来避免以上问题!!!!求大神指教!!!
...全文
875
回复
打赏
收藏
cs架构下客户端发布如何添加文件指纹(gulp-rev等工具的使用)
系统采用经典的cs架构,客户端jsp/js/action 调用dubbo/调用后端。采用tomcat服务器发布,每次前端都要用户刷新缓存,请问我怎么能使用以上工具为jsp/js等文件添加文件指纹(MD5戳或者时间戳)来避免以上问题!!!!求大神指教!!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
非常漂亮后台UI 纯静态UI界面
效果图:首页主界面真心觉得非常吸引人,给客户,用户体验非常舒服, 相信很多朋友一看就明白怎么回事,我要的就是这个效果,因为简单所以编程快乐!~~
使用
gulp
对完成的项目进行最后打包操作
gulp
-rev
gulp
-rev-collector
前言 在一个项目开发完成后,我们需要对代码进行压缩打包,并且将开发环境的代码跟生产环境中的代码区分开。除此之外,还要注意浏览器的缓存问题,如果更改了
cs
s
文件
或者是js
文件
,浏览器在打开项目的时候依然会先从本地缓存中读取这些外部引用的
文件
,导致更改的
文件
没有生效,看不到效果。为了解决这个问题,保证每次更改
文件
后,浏览器总是能去获取最新的
文件
,我们可以
使用
gulp
-rev 和
gulp
-rev-c...
gulp
-rev
使用
教程
gulp
-rev 是一个用于为静态
文件
添加
版本哈希的
Gulp
插件。通过为
文件
名
添加
基于内容的 MD5 哈希值,可以有效解决 CDN 缓存问题,确保用户始终获取到最新的资源
文件
。此外,
gulp
-rev 还会生成一个 JSON
文件
,用于保存原始
文件
名与
添加
哈希后
文件
名的映射关系。 ## 项目快速启动 ### 安装 首先,确保你已经安装了
Gulp
。然后,通过 npm 安装
gulp
-rev
使用
指南:
gulp
-rev-all静态资产版本管理
使用
指南:
gulp
-rev-all静态资产版本管理 项目介绍
gulp
-rev-all 是一个基于
Gulp
的静态资产版本控制系统,特别设计用于处理依赖关系考虑下的
文件
修订。它通过向每个
文件
名追加内容散列(如 unicorn.
cs
s => unicorn.098f6bcd.
cs
s),并重写对这些
文件
的所有引用,确保了静态资源的有效缓存更新。这使得利用HTTP缓存策略变得更加高效,新老访客...
gulp
构建项目(十):
gulp
-rev-collector-dxb
添加
版本号(?hash)
需求分析: 浏览器会缓存js、
cs
s
文件
,所以在每次升级js或
cs
s
文件
之后,需要浏览器重新加载这些
文件
也就是我们常说的刷新缓存。 所以需要在js、
cs
s
文件
后面加上版本号。 一、版本号
添加
方式 本文将采用第二种方式就行讲解 1、改变
文件
名称 这种方式必须同时改变资源的
文件
名和html里面引用的
文件
名,并且一一对应 可以用
gulp
-rev
gulp
-rev-collector 两...
JavaScript
87,994
社区成员
224,689
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章