给Angularjs配上Requirejs 需要考虑的事情:
1.js、css、template都按需加载,js主要就controller:
* js和css都可以用requirejs和它的插件解决,
* template就直接用Angular route的异步加载,虽然很想把它和controller的js合并在一起,不过还是放弃了;
2.所有的router还是单独写在一个文件里,虽然他们也可以分散,但总觉得放一起一目了然会比较好管理;由于router在配置的时候controller是必须指定的,于是每个controller需要一个壳子来封装:
app.controller('View2Ctrl', ['$scope', '$injector', function($scope, $injector) {
require(['view2/ctrl2'], function(ctrl2) {
$injector.invoke(ctrl2, this, {'$scope': $scope});
});
}]);
即现在每个页面需要两个js,一个是上面的封装view.js,这个js会跟router.js压缩在一起用预加载的方式加载,另一个直正的ctrl.js则是真正的业务层的代码,以按需加载方式加载;
===================更新============================
参考:http://weblogs.asp.net/dwahlin/dynamically-loading-controllers-and-views-with-angularjs-and-requirejs
看了上面这篇,封装了上面第2条,只要对文件名有规范就行,暂时就按这个方案来重构吧!