javascript - 如何从旧的非 AMD Javascript 代码调用 RequireJS 模块？

Question

我现在正在尝试使用 RequireJS 模块化我的 javascript 代码。我有 2 个 JS 文件(假设 A 和 B)。 A 是一个大文件，其中包含我的 html 页面的主要代码。 B 是一个小型实用程序库，旨在供 A 和将来的任何其他代码使用。

我的计划是首先对 B 进行模块化，因为 B 很小。在此之后，我将来可以使用 RequireJS 编写所有新代码并使用 B。另一方面，我将逐渐模块化 A。我现在关心的是，在我模块化 B 后，文件 A 可以继续使用代码吗？ B 以便我的应用程序能够正常工作？

我无法找到任何相关信息。欢迎任何建议、文章或示例代码。

Answer 1

我自己才找到答案。事实上，这非常简单。只需在旧代码中使用 RequireJS 即可。例如，如果我需要通过 RequireJS 在旧的非模块化代码中使用 JQuery，我只需要:

首先在main.js中配置JQuery

requirejs.config({
  baseUrl : '../js',
  paths : {
    'jquery' : 'jquery/jquery-1.10.2'
  },
  }
});

并在html中添加main.js

<script type="text/javascript" src="../js/require.js" data-main="../js/main.js"></script>

然后在旧代码中，使用函数 requirejs 询问模块(本例中为 JQuery)并调用模块的函数。

  requirejs([ 'jquery' ],function(jquery)
  {
    jquery('#id').on('click',function(event){...});
  });

通过这种方式，人们总是可以从一个大的、旧的、未模块化的 JavaScript 文件中逐步模块化代码。