要求js删除定义以强制重新加载

出于测试目的，我试图删除一些amd模块并从服务器重新加载更新的版本 - 目标是不刷新浏览器。要求js删除定义以强制重新加载

我目前正在执行以下操作，但浏览器仍然不会从网络重新加载项目。

var scripts = document.getElementsByTagName('script'); 
var context = require.s.contexts['_']; 
for (var key in context.defined) { 
    if(key.indexOf("tests")>-1){ 
    requirejs.undef(key); 
    for (var i = scripts.length - 1; i >= 0; i--) { 
    var script = scripts[i]; 
    var attr = script.getAttribute('data-requiremodule') 
    if (attr === key){ 
    script.parentNode.removeChild(script); 
    } 
    }}

它从上下文中删除引用并成功删除脚本标记。但唉...

有谁知道清除所有的requirejs引用的机制？

任何帮助非常赞赏

来源

2012-08-10 Chin

嗨，秦，你检查我的回应？我认为它解决了你的问题，不是吗？ – tangrammer 2013-10-21 12:11:49

目前，我们正在尝试这样实现：到目前为止

require.onResourceLoad = function(context, map) 
{ 
    require.undef(map.name); 
};

没有问题也浮出水面。

编辑：IE不关心这个修复。 Chrome和FF很好。

此外，您应该尝试在PhpStorm中进行实时编辑。奇迹般有效。演示可见here。只有Chrome浏览器。

来源

2012-12-14 11:39:31 WhiteFire

这个答案类似于user1903890，但我认为它很容易遵循使其他实现。

基本上我们必须在init函数中封装index.html中指定的main.js requirejs控制器。一旦它的定义，那么我们称这个初始化函数给init requirejs正常

function init_requirejs(){ 
    console.log("--------------------------- INIT requirejs:"); 
    require([ "helpers/util"], function(util) { 
     var count=0; 
     $('#content').empty(); 

     $('#content').append("<input type='button' id='increment_button' value='click to increment the counter'>"); 
     $('#content').append("<h1 id='the_counter'>0</h1>"); 

     $('#content').append("<br><br><input type='button' id='init_button' value='click to initialize requirejs files'>"); 

     $('#increment_button').on('click', function(){ 
      count++; 
      $('#the_counter').text(count); 
     }); 
     $('#init_button').on('click', function(){ 
      end(); 
      init_requirejs(); 
     }); 

     util(); 

    }); 
}; 
init_requirejs();

我们还需要和使用require.onResourceLoad功能来存储所有参加requirejs应用

var all=[]; 
require.onResourceLoad = function (context, map, depArray) { 
    all.push(map.name);  
};

文件我们需要一个复位requirejs配置功能删除requirejs的实际情况，我们将与require.undef功能做到这一点：

function end(){ 
    console.log("--------------------------- END requirejs:"); 
    all.map(function(item){ 
     require.undef(item); 
    }); 
};

这一切！

后来从我们的代码中，我们可以强制重载应用程序，而无需重载浏览器只调用end（）函数和init_rquirejs（）函数。例如jQuery的单击事件中：

$('#init_button').on('click', function(){ 
    end(); 
    init_requirejs(); 
});

演示的代码是 https://github.com/juanantonioruz/requirejs-force-reload

和在线版本 https://dl.dropboxusercontent.com/u/8688858/requirejs-force-reload/project.html

我希望这个解决方案为你工作！

胡安

来源

2013-08-29 21:55:06 tangrammer

要求js删除定义以强制重新加载

回答

相关问题