Question

我正在使用Durandal 2.0.1，我有一个登录页面，登录成功后，启动画面带有一个加载栏并下载SPA所需的所有文件。

我尝试以这样一种方式修改其行为：我试图在登录页面下载所有必需的文件并摆脱启动画面。

我可以在登录页面下载文件，但无法摆脱启动画面，因为只要我删除启动画面，SPA就不会被加载。

欢迎任何建议或解决方案。

提前致谢。

Answer 1

虽然默认情况下大多数Durandal示例都带有启动画面，但添加启动画面是可选的。

的index.html

<body>
    <div id="applicationHost">
        <div class="splash">
          <div class="message">
              Durandal Starter Project
          </div>
          <i class="icon-spinner icon-2x icon-spin active"></i>
      </div>
    </div>

    <script src="lib/require/require.js" data-main="app/main"></script>
</body>

通过删除div.splash可以摆脱启动画面。确保不要意外删除#applicationHost，因为Durandal需要该容器。有关我的信息，请参阅http://dfiddle.github.io/dStream/#search/applicationHost。

<body>
    <div id="applicationHost">
       <!-- Whatever is in here will be overwritten when Durandal has finished loading -->
    </div>

    <script src="lib/require/require.js" data-main="app/main"></script>
</body>

Answer 2

听起来你想做一些预取。

如果是这种情况，您应该监控prefetch link relation的状态。在此期间，您可以使用PreloadJS之类的内容。如果你想知道这些预取器是如何工作的（或者想要自己实现某些东西），请查看this article以获取一些指示。

Related question关于具有RequireJS的AMD模块。

不过，PS有些东西在我的问题上有些困扰;你似乎暗示只要使用启动画面，你想要的行为就会起作用。您是否监控网络以验证此情况？此外，您可能希望快速描述要准确预取的数据类型。

Durandal 2.0.1，最初加载所有文件

2 个答案:

的index.html