10

在初始应用程序启动时由 require.js 加载文本文件（下划线模板）：

define(['text!templates/template.html'], function(Template){ ... };

当我现在对此文件进行更改并希望重新加载该单个文件而无需重新加载整个页面并重新启动整个应用程序时，这可能吗？

我想从浏览器中的 javascript 控制台触发它。

用例是通过 require.js 加载下划线模板的场景，当对其中一个模板文件进行更改时，我可以轻松地将新文件“注入”到正在运行的应用程序，手动触发视图渲染方法并查看更改而无需从一开始就重新加载所有内容。

谢谢你的想法。

4

1 回答 1

15

一般来说，RequireJS 不是为重新加载模块而设计的。

但是，如果您仔细设计您的应用程序，您可以让 RequireJS 重新加载一些模块。这是一个例子：

<body>
  <p id="contents">Nothing loaded.</p>
  <button id="reload">Reload</button>
  <script>
    require.config({
        baseUrl: "./js",
        paths: {
            jquery: '//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min',
        }
    });
    require(["jquery"], function ($) {
        var $contents = $("#contents");
        function reload() {
            require.undef("text!../file.html");
            require(["text!../file.html"], function (file) {
                $contents.empty();
                $contents.append(file);
            });
        }
        $("#reload").click(reload);
    });
  </script>
</body>

require.undef关键是在重新加载之前调用取消定义模块。

我有一个说明整个事情的回购。如果您编辑 file.html 文件并点击“重新加载”按钮，该段落的文本将替换为文件的内容。要获得一个功能，您可以从控制台调用，只需将其分配给window（例如window.reload）的字段。

该按钮实际上应该被称为加载/重新加载（因为它执行初始加载和重新加载）但我不打算修复它。

于 2013-11-14T00:06:39.677 回答