Lazy Loading - Am I doing it wrong?

[aaronallport]

Lazy Loading - Am I doing it wrong?

[aaronallport]

That'll be RequireJS - a view source will show just the one script in play, whilst requirejs is actually inserting those scripts in to the DOM at run-time. If you build your app and run from dist, you should see the one, compressed build JS being used instead.

As both page1 and page2 are essentially views in your SPA, you;ll get them both downloaded when running from the app folder.

Sorry if that didn't make sense - it's late here. If you would like me to clarify further, I'd be happy to tomorrow.

[scottnath]

Thanks @aaronallport , I have a couple more questions if you don't mind...

1. If the system then loads each view, then what is the "lazy loading" part of this? What is loading as-needed?
2. Running from dist: I've tried to open /dist/index.html, but the page is still pointing to the bower_components require js in the folder above:
   <script src="bower_components/requirejs/require.js" data-main="scripts/main"></script>

• Is there something else I need to do to run from dist?
• I tried pointing that line to scripts/main.js, but that just gave an error:

Uncaught ReferenceError: define is not defined main.js:6

thanks,
Scott

[aaronallport]

Hi Scott, take a look at the latest version - you'll hopefully notice that point 2 is fixed. As for point 1, only requirejs is in the bower_components directory under dist - this is so that the script tag to load requirejs in the index.html file doesn't need to be updated when building.

Cheers,

Aaron

[scottnath]

Thank you Aaron!

Due to expanding requirements for our internal Angular apps, I've had to move forward with building our own system. So, I've been putting all my efforts into this:
scottnath/atlas

Thank you for fixing that, it will help me with some personal projects!

-Scott