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等其它字符可以自行修改

本文介绍了一个名为`node-source-rev`的解决方案,用于使用NodeJS为CSS和JavaScript等静态资源添加版本号或Hash值,以解决浏览器缓存问题。该方法比gulp等工具更为简洁。通过遍历目录,读取HTML文件,然后使用正则表达式替换引用路径,从而实现不修改源文件的情况下添加版本信息。
最低0.47元/天 解锁文章
1414

被折叠的 条评论
为什么被折叠?



