javascript – requireJS模块加载

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – requireJS模块加载，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1260字，纯文字阅读大概需要2分钟。

内容图文

我需要一些帮助,只需要在需要时使用requireJS加载模块

这是我的main.js

require(['jquery', 'path/somemodule'],
function($, somemodule) {
$(document).ready(function() {
    somemodule.init()
})

})

并在somemodule.js

 define(['jquery', 'path/someothermodule'], function ($, someothermodule) {
 "use strict";
var somemodule;

somemodule = {
init: function () {
    someothermodule.init()
}
}
return somemodule;
)}

现在somemodule.js和someothermodule.js被加载到所有页面上.如何在需要时才加载它？

解决方法:

当您需要module1中的module2使用标准的define()语法时,module1将无法加载/运行,直到module2完全加载.看起来像这样：

// inside module1
define(['module2'], function(mod2) {
   // we don't get here until AFTER module2 has already been loaded
});

lazy-load module2的替代方案如下所示：

// inside module1
define([], function() {
   require(['module2'], function(mod2) {
       // we don't get here until AFTER module2 has already been loaded
   });
   // but we DO get here without having loaded module2
});

现在你必须仔细编程,以确保不会遇到任何异步问题.

在您的情况下,您可以修改main.js文件

require(['jquery'],
function($) {
    // jquery is loaded, but somemodule has not

    if(thisPageNeedsSomeModule) {
        require(['path/somemodule'],
        function(somemodule) {
            // now somemodule has loaded
            $(document).ready(function() {
                somemodule.init()
            })
        });
    }
})

内容总结

以上是互联网集市为您收集整理的javascript – requireJS模块加载全部内容，希望文章能够帮你解决javascript – requireJS模块加载所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端