requirejsは、htmlにscriptタグを量産することなく、依存性管理を行える非常に便利なライブラリです。 今回は、これを使って、「必要になるまでモジュールを読み込まない」、遅延ローディングの方法を考えてみます。 通常の利用方法 通常は、requirejsを利用するコードは以下のように書きます。 // app.js require(["mod"],function(Module){ console.log("app.js loaded"); document.querySelector("#hello").onclick = Module.hello; }); // mod.js define([],function(){ console.log("mod.js loaded"); return { hello : function(){ alert("hello"); } };