javascript - 如何在 RequireJS 中保持脚本的加载顺序

Question

我通过 Require.JS 添加了以下模块。一切正常，但我想知道如何在不使用多个 require 语句的情况下按照下面提到的相同顺序加载它们。

<script type="text/javascript">
require(['common'],function()
{  require(['jquery','fastclick','nprogress','charts','underscore','spinner'],function()
  {
    require(['firstDashboardController']);
  }); 
});
</script>

Answer 1

将您的 firstDashboardController 编写为正确的 AMD 模块，并具有依赖项:

define(['jquery','fastclick','nprogress','charts','underscore','spinner'], ...

这将保证您的依赖项中列出的所有内容都会首先加载。

人们通常将 RequireJS 配置放在他们的 common 模块中。我建议不要将配置作为模块加载。最好在加载 RequireJS 本身之后立即加载 script 元素。这样您就可以确保在需要时始终加载配置。否则，您必须使用嵌套的 require 调用来进行胡言乱语，就像您在问题中所示的那样。

如果您执行了上述所有操作，那么您可以执行以下操作:

require(['firstDashboardController']);

当您需要时，无需嵌套 require 调用。