在 webpack 中使用 require.ensure

Question

我正在使用 angular-webpack 并希望使用 require.ensure()。

var app=  angular.module('app', ['pascalprecht.translate',
                                      'react',
                                      require('angular-ui-router')
                                ]);

require("./aController.js")(app);
require("./bController.js")(app);
require("./cController.js")(app);
require("./dController.js")(app);

点击按钮后说我需要bController。我需要在开始时加载aController。在bController被加载​​后我需要cController和dController。

bController 是

module.exports = function(app) {
    app.controller('bController',['$state', function($state) {
        ...
        ...
    }]);
};

在这种情况下我将如何使用require.ensure？

Answer 1

请查看这个很棒的tutorial。

您需要与ocLazyLoad配合使用require.ensure。