【问题标题】:Lazy loading modules/files for multipage angularjs?多页angularjs的延迟加载模块/文件?
【发布时间】:2016-01-15 19:08:41
【问题描述】:

我的任务是使用 angularjs 作为前端框架的多页网站。目前,我使用 browserify 和 npm 来管理模块依赖项,它为整个应用程序生成一个捆绑文件。但是,每个页面仅使用该捆绑文件的一部分(1 个控制器文件和一些指令/服务文件)。是否可以延迟加载文件而不是一个大的捆绑文件?

我已经阅读了 webpack 延迟加载,但我不知道它是否符合我的要求(即自动检测和加载文件,启用 npm 包的使用等)

【问题讨论】:

    标签: angularjs node.js browserify webpack


    【解决方案1】:

    是的。您可以在函数中使用 require.ensure 而不是简单的 require。在这种情况下,模块将被导出到其他文件中并仅在需要时加载。这是一个例子:

    function (callback) {
        require.ensure(['module'], function (require) {
            callback(require('module'));
        });
    }
    

    所以“模块”只有在你第一次调用这个函数时才加载。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-05-22
      • 1970-01-01
      • 2017-02-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多