A Webpack loader for Angular that enables string-based module loading with the
Package was previously named
npm install angular-router-loader --save-dev
angular-router-loader to your typescript loaders
Angular Version >= 5
Angular Version < 5
In your route configuration, use
loadChildren with a relative path to your lazy loaded angular module. The string is delimited with a
# where the right side of split is the angular module class name.
NOTE: When specifying a relative path to lazy loaded module, one of the following two conditions must hold:
- The routes are defined in the same module file where it is imported with
- The routes are defined in a separate routing file, and that routing file is a sibling of module file.
For synchronous module loading, add the
sync=true as a query string value to your
loadChildren string. The module will be included in your bundle and not lazy-loaded.
This loader was inspired by the following projects.