问题描述

使用require.js加载我自己写的js文件，当我修改了js后，怎么强制让浏览器更新 ？

比如使用同步加载时可以在js后面加上？，比如

 <script type="text/javascript" src="../../resources/js/libs/iscroll-probe.js？v=1.2">

但使用require.js后，所有js都是通过main.js配置的：
如下：

 require.config({
     shim: {
            'backbone': { deps: ['underscore', 'jquery'], exports: 'Backbone' },
            'lazyload': { deps: ['jquery'], exports: 'lazyload' }
        },
        paths: {
            'underscore': ['libs/underscore-min' ],
            'backbone': ['libs/backbone-min' ],
            'lazyload':['libs/jquery.lazyload.min'],
            'jquery': [ 'libs/jquery.min' ],
            'bootstrap': [  'libs/bootstrap.min' ],
            'v': 'viewsv0.0.2',
            'm': 'modelsv0.0.2'
            //'login': "http://localhost:8080/WebSample/",//tk.siteProperties.contextPath + '/login'
            //'login': ['login']
        },
        waitSeconds: 30
});

require(['app', 'router'], function (app, Router) {
    $(document).ready(function ($) {
        console.time('TIME: application init');
        app.router = Router;
        app.router.start();
    });

});

那么问题是，当我修改了自己写的js后，怎么强制让浏览器更新 ？

解决方案

你要手动重新加载页面，因为页面是不知道你修改文件了

解决方案二：

删除浏览器的缓存，重新加载页面

解决方案三：

可以增加.js后缀，不要去掉

 require(['app.js?ver=1', 'router']..