如何從舊的非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文件中逐步調制代碼。