使用requirejs时怎么解决文件版号和增量更新的问题

发布网友发布时间：2022-04-25 15:34

共1个回答

热心网友时间：2022-04-20 11:29

看你前后端用什么技术了，我知道的大概有3种情况。在这三种情况之前，首先要说的是requirejs对依赖增加hash的方式是通过参数urlArgs: 'ver='v{version}在require.config统一增加的，就我所知似乎不能单独对每个模块设置（但可能是我错了），即每次都得批量更新版本号。
1.如果你采用过requirejs，且前后端分离，前端采用yeoman构建，那么只要找到相应的质量高的requirejs的generator，无论是gulp还是grunt，其yeoman的generator应该已经处理好文件缓存增量更新的问题了。 2.假使前后端分离，前端由gulp/grunt集成，文件版本号增量更新，用下面几个插件就能处理的比较完美： gulp-rev gulp-rev-all gulp-useref (grunt也能找到类似的) 其中gulp-rev，计算文件hash值，gulp-useref对html内特定注解标签下的内容合并重写，gulp-rev-all会考虑css引用图片hash值改变的情况从而更新css文件hash。等等总之只要去找总能通过gulp/grunt解决这个问题。 3.如果你使用rails(ruby)等前端友好框架，可能会有流行的解决方案，如果不幸用了老旧前端不友好的框架SpringMVC(java)，用gulp对jsp重编译比较蛋疼。。我不知道有没有相应的插件，如果没有你只能在后台维持这个版本号变量，对页面所有静态资源添加这个后缀，类似下面的代码：
var require = {
baseUrl: '/Content',
urlArgs: 'ver='+${static_resource_version},
paths: {...},
deps: ['scripts/home/about']
}
<script src="/Content/bower_components/requirejs/require.js?ver=${static_resource_version}" async></script>

其中path之内的所有脚本，以及deps内的入口脚本，都会被追加urlArgs，只是这样还无法达到最理想增量更新就是了。。。此外，对于文件版本号的后缀args我也推荐使用git commit的hash值。