Doubt about loading modules with requireJS and angularJS

Question

Doubt about loading modules with requireJS and angularJS

Navigation

#1 by (1 votes)
#2 by (0 votes)
#3 by (0 votes)

2

I am studying a code from a former employee of the company and he used requireJS + angularJS. It created several modules with enough services etc, however, my question is: when using a service or a directive, does the require and the angular load any module or just the calling service or policy? Because I understood the advantages of using require, but I did not understand how it works in practice.

javascript angularjs front-end requirejs

asked by anonymous 16.06.2015 / 14:56

3 answers

Import netbeans projects from Github into Eclipse Luna JPA does not persist the Object in the bank

score 1 · Answer 1

Module loading depends on how the application is configured.

As initial documentation suggests :

In development, the loader loads the main and then each module when required.

After development, on the Internet, loading each module individually would completely kill the performance of a non-trivial application. So it is common to package the modules in a single larger script and add it preemptively to the page, so loader identifies that the modules are already present and runs the scripts quickly.

Packing scripts to optimize page load is a complicated art. You can read a bit more about this in my other response .

score 0 · Answer 2

To make sense, think about the following:

An application with several modules, various controllers, directives, services, etc.

If you do not use require, you need to include all files at once in your view, using RequireJS, you can:

By separating each module, service, controller, directive into separate files in their respective directories, they will be loaded only when necessary.

In addition, your application becomes more organized, since you can set up an easy-to-use file structure. And its elements can be reused when needed.

score 0 · Answer 3

Complementing with @Pedro Laini's answer I'm also using a dynamic load, using ocLazyLoad .

It can be used in conjunction with your route system, being loaded from a resolver. So let's say you have an administrative area with permissions system, it can help even more in the security of your application, since the module will only be loaded if it passes the resolve.

In addition, as said by Pedro Laini, as the modules will only load as needed, your initial load will be much lower, giving your app more speed.