Lazy Ninjas is a simple NativeScript-Angular application, demonstrating several implementations of lazy loaded modules. Please check out the Optimizing app loading time with Angular Lazy Loading article.
This app is built with the NativeScript CLI. Once you have the CLI installed, start by cloning the repo:
$ git clone https://github.com/sis0k0/lazyNinjas.git
$ cd lazyNinjas
Then, use the CLI to run the app:
$ tns run [ios|android]
The aot and nested-lazy-modules are set up to use webpack. To bundle the app use:
$ npm run start-[ios|android]-bundle
- The aot branch shows how to use lazy loaded modules with NSModuleFactoryLoader and is webpack/AoT enabled.
- The nested-lazy-modules branch shows how to set up a module hierarchy with nested lazy loaded NgModules.
- The callback-loading branch shows how to lazy load modules by passing a callback function to the
loadChildrenproperties in the router configuration. - The custom-module-loader branch shows how to extract the loading logic to a custom module loader.