我目前正在开发一个 Web 应用程序来编辑一些自定义文件格式（一个小型编辑器，提供一个编辑配置文件的界面）。这个应用程序的一个关键元素是一个名为“FileReader”的对象，它是一个包装器，它根据检测到的配置文件类型触发正确的界面。这样我就产生了一个新的 FileReader( src ) - src 是一个 url 或一个 blob 并且它保持干净。
一旦检索到配置文件的类型，包装器就会检查它是否有与之关联的接口并简单地使用它。每个接口（针对每个不同的配置类型）都在一个单独的 JS 文件中定义。一旦包装器完全加载，我会挂钩所有事件并开始执行应用程序。
这是我与相关元素一起使用的 HTML 框架：
<!doctype html>
<html><head></head>
<body>
<div id="UI"></div>
<script src="js/fileReader/fileReader.js" >App.FileReader = function(){ ... }</script>
<script src="js/fileReader/configType1.js" >App.FileReader.registerFileType("config1",object)</script>
<script src="js/fileReader/configType2.js" >App.FileReader.registerFileType("config2",object)</script>
<script src="js/fileReader/configType3.js" >App.FileReader.registerFileType("config3",object)</script>
<script src="js/main.js" >App.run();</script>
</body>
</html>
现在，该应用程序长大了，我决定将我的应用程序转换为使用 requirejs。我的问题主要是关于“什么是最好的组织”来处理这些模块，因为我只能认为一旦加载了所有文件类型模块，FileReader 就可以使用了，但我不能先加载它们，因为它们需要 mainWrapper注册他们的类型。
我能想到的最好的结构是：
主.js：
require(['require','FileReader','./fileReader/config1','./fileReader/config2','./fileReader/config3'],
function( require ) {
require(['require','./core/app'], function( require , App ) {
App.run( window ) ;
});
});
});
文件阅读器.js：
define(function () {
...
return FileReader ;
});
config1.js：
define(['FileReader'], function ( FileReader ) {
var Interface = ... ;
...
App.FileReader.registerFileType("config1",Interface)
return FileReader ;
});
应用程序.js：
define(['FileReader'], function ( FileReader ) {
var App = function(){} ;
App.run = function(){ FileReader.openFile( ... ) ; ... } ;
return App ;
});
我的问题有什么意义？为了确保 FileReader 对象包含正确的 Interface 对象，我首先强制 requirejs 手动加载所有 FileReader 相关文件，然后加载主应用程序文件。这样，一旦 App 对象请求 FileReader 对象，它就已经包含注册的正确接口。我想要实现的只是在核心/应用程序文件中的主文件“./fileReader”中只请求“./core/app”，然后在它第一次加载期间，如果它可以加载就可以了fileReader 文件中的配置类型模块，注册所有的东西，然后才返回答案。
我尝试的是：（在 FileReader 中）
文件阅读器.js：
define(["require"],function ( require ) {
...
require(["config1","config2","config3"],
function(){
//occurs asynchronously, after the App.run() is triggered because of the synchronous return
callback(FileReader) ; //unfortunately I did not find any callback of this sort
//if it existed I could asynchronously find the list of the modules in the directory, load the them, and only then fire this fictive "ready" event
}
return FileReader ; //the first return occurs synchronously, so before the the fileReader is ready : modules are missing
});
那么加载此类模块的最佳方法是什么（在配置类型文件和主 FileReader 之间存在某种循环依赖）？如果我想强制它是异步的，那么我可以读取 config-type 目录中的可用内容怎么办？使用简单的 HTML 脚本列表，它们以正确的顺序加载，我可以轻松访问模块列表，现在我想确保在应用程序启动之前一切都准备好了。