Angularjs: ocLazyLoad vs Requirejs

angularjs requirejs lazy-loading single-page-application
Tomer picture Tomer · Jan 29, 2015 · Viewed 7.6k times · Source

I'm working on a big angluar project and obviously we need a way to lazy load our scripts.

I've worked with require.js before and it's quite good, but the problem is that after we concatenating and minifying our files, we got a 1.5M js file.

So i just encountered OcLazyload and it looks promising but i saw a lot of examples on the web that use both require and ocLazyLoad, I'm a bit confused as to why you would want to use both. Aren't they both doing the same thing?

Answer

Olivier picture Olivier · Mar 10, 2015

You can use RequireJS with ocLazyLoad but I don't recommend it, it's just possible because people asked me to do it and it was easy to integrate. You don't need RequireJS because ocLazyLoad includes its own loaders for js/css/templates files, and it can load any kind of files, not just angular modules.

If you want to lazy load Angular modules you will need a lib to register them with Angular (or wait Angular 1.5 that will allow you to do it).

Bottom line is: you can use RequireJS with ocLazyLoad, or just ocLazyLoad (recommended), but you can't use just RequireJS

Related questions

Does it make sense to use Require.js with Angular.js?

I'm a newbie to Angular.js and trying to understand how it's different from Backbone.js... We used to manage our packages dependencies with Require.js while using Backbone. Does it make sense to do the same with Angular.js?

Read More
Inject module dynamically, only if required

I'm using Require.js in combination with Angular.js. Some controllers need huge external dependencies which others don't need, for example, FirstController requires Angular UI Codemirror. That's a extra 135 kb, at least: require([ "angular", "angular.ui.codemirror" // requires codemirror itself ], …

Read More
Intermittent "Looking up elements via selectors is not supported by jqLite!" when loading AngularJS with RequireJS

I load AngularJS through RequireJS. Most of the time there is no problem but once in a while I get the error: Uncaught Error: [jqLite:nosel] Looking up elements via selectors is not supported by jqLite! I know that everything …

Read More