nodejs 加载css,使用nodejs给css js等静态资源添加版本号hash值

node-source-rev.svg?sanitize=true

node-source-rev.svg?sanitize=true

node-source-rev

利用nodejs给静态资源css js添加hash值 版本号解决缓存

使用方式

npm i node-source-rev

下载源代码到项目根目录,修改myRootPath为需要的路径,执行node index.js

简介

使用场景是前端jQuery、bootstrap编写的纯静态页面,在浏览器缓存等方面有点问题,所以需要解决缓存。

起先是打算使用gulp那一套,例如gulp-rev 等方案,后来发现太复杂有点大题小做。

所以就有了这一套代码。

设计思路

其实只是单纯的给html引入的地方添加了版本号hash值等等,所以不需要改动源文件。

使用nodejs编写,使用起来相比其它方案简单多了。

源代码在末尾

代码主要分为两大块

第一块,循环目录读取到所有html文件

第二块,使用fs模块读取html,然后正则匹配替换引用路径,覆盖源文件

其它

这里我用的是时间戳,如果需要hash等其它字符可以自行修改

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值