Question

在样板文件中的

看起来模块是预先加载的

（请参阅下面的代码）

return [
            require('./baseModule/module'),
            require('./sampleModule2/module'),
            require('./customerModule/module'),
            require('./orderSearchModule/module'),
            require('./orderListModule/module'),
            require('./mainMenuModule/module')
        ];

对于大型Web应用程序（模块繁重的Web应用程序），这会对此产生什么影响。有没有办法在boilerplatejs中延迟加载模块？

Answer 1

Java脚本没有反射类型的机制来加载东西。任何需要加载的模块都必须在某处注册。这就是模块（子上下文）加载如下的原因：

appContext.loadChildContexts(moduleContexts);

（在src / application.js中）

但是你上面的代码是关于requirejs AMD模块的。这基本上是导入不同的JS脚本（每个脚本代表模块的代码）。使用requireJS AMD，脚本（您的源代码）不是延迟加载的，而是预先加载的。这是有道理的，因为您的应用程序源代码应该在浏览器中可用于执行。另一方面，当您进行JS优化时，我们无论如何都会创建一个包含所有源代码的脚本。然后没有单独的脚本文件或延迟加载源代码的意义。

但延迟加载应该应用于行为（而不是加载代码）。这就是UI组件（ViewTemplate）仅在'activate（）'方法中创建的原因。这些仅在用户需要时创建。这是一种延迟的行为加载，因此应用程序渲染时间较短。

    this.activate = function(parent, params) {
        // if panel is not created, lets create it and initiate bindings
        if (!panel) {
            panel = new Boiler.ViewTemplate(parent, template, nls);
            ...
        }
        vm.initialize(params.name);
        panel.show();
    }

延迟加载样板模块

1 个答案: