动态更新js、css文件

在前端开发过程中,往往修改了js、css文件,刷新页面,新加的代码没有更新,是因为cache的问题,开发过程中可以使用F12,点击NetWork,勾选Disable cache可以实时使用最近的js、css文件,但是如果是提供给其他人使用,需要动态更新js、css文件,可以通过加时间戳或者每次开发完提交代码时修改版本号即可

  • 添加实时时间戳,不论任何时候都不需要更改
 <script type="text/javascript">
        seajs.config({//seajs配置声明
        map:[
                //[".js",".js?v="+version]//映射规则
                [ /^(.*\.(?:css|js))(.*)$/i, '$1?timestamp='+Date.parse(new Date()) ]
            ]
        });
    </script>
  • 添加版本号,每次发布前修改version字段的值
 var version="0.0.1";
   seajs.config({//seajs配置声明
  map:[
        [ /^(.*\.(?:css|js))?v="+version]//映射规则
       ]
  });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容