因为AngularJs的特性(or 浏览器本身的缓存?),angular默认的HTML模板加载都会被缓存起来。导致每次修改完模板之后都得经常需要清除浏览器的缓存来保证浏览器去获得最新的html模板。
angular 单页面开发,会存在和管理很多HTML和JS文件,缓存有时是个麻烦。在开发和测试阶段,F12调出调试工具,禁止缓存,F5刷新下就好了。
但是在客户那里缓存就体验效果不好,甚至认为有问题。
主要做几点就可以了,最主要的一点就是HTML和JS动态加载,点击菜单时再去加载。项目中的库文件一般不需要管他,一百年不变,解决缓存的主要是经常变化的部分,
如:修改了页面布局,前端js逻辑发生变动。。。
最主要的策略是,为项目加版本号,不管是HTML还是js、css文件,更新发布后,不需要客户清理缓存,只需F5刷一下即可。
1、在主页面HTML上禁止缓存
2、项目主样式,加版本号;
3、require的main文件管理常用文件的版本号;var appVersion = '?v=2018.10.1.2';
require.config({
paths: {
'lodash': 'static/lodash.min',
'jquery': 'static/jquery-1.11.3/jquery.min',
'jqueryMig': 'static/jquery-migrate-1.4.1.min',
'autocomplete': 'static/jquery-autocomplete/jquery.autocomplete.min',<