requirejs 的模块该如何编写?

现在想在一个js里写两个模块,代码如下:

define('mainModule', ['jquery', 'layer', 'webUploader', 'wangEditor', 'niceScroll'], function ($, layer, WebUploader) {
    $(function () {
        // TODO
    });
});
define('childModule', ['jquery', 'layer', 'webUploader', 'RongIMLib', 'niceScroll'], function ($, layer, WebUploader, RongIMLib) {
    $(function () {
        // TODO
    });
});
require(['domReady!'], function () {
    require(['mainModule', 'childModule'], function () {});
});

刷新页面会出现有些js未加载的问题,如果只有一个define则没问题,不想在一个define混两套逻辑,该怎么写?

阅读 3k
2 个回答

一个js文件一个define
新增一个main.js,里面只包含业务逻辑代码,也就是require那部分代码。
页面上只引用main.js

一个不算完美的解决方法,可能还有问题。
我的理解是当两个define引用了相同的js库时,requirejs只会下载一次,这边还在下载时,另外一个模块已经在调用了,浏览器就会抛出错误。可以把调用模块的代码改成回调形式,主次分清,保证模块依次执行:

require(['domReady!'], function () {
    require(['mainModule'], function () {
        require(['childModule'], function () {});
    });
});
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏