Skip to content
This repository has been archived by the owner on Mar 25, 2024. It is now read-only.

Angular 2 sample application with lazy loaded module + AOT build by @ngtools/webpack

Notifications You must be signed in to change notification settings

BrainCrumbz/ngtools-webpack-demo

Repository files navigation

Info

Build

Clean & bundle for JiT build:

> npm run build-dev

Clean & bundle for AoT build:

> npm run build-prod

Bundle only (without cleaning previous artifacts) for JiT build:

> npm run bundle-dev

Bundle only (without cleaning previous artifacts) for AoT build:

> npm run bundle-prod

Run

Run dev server:

> npm run serve

then browse to http://localhost:3000/.

Dev server configuration at ./bs-config.js. Home page source at ./src/static/index.html.

Highlights

  • AOT build does not need a distinct main.browser.ts entry point: both development and AOT builds use platformBrowserDynamic().bootstrapModule()

  • Altough no actual ngfactory is created on disk, tsconfig-aot,json still has angularCompilerOptions.genDir option, and that is set to the same path where all sources are stored (./src)

  • Both tsconfig* files simply include all TypeScript files under sources directory (src/**/*.ts)

  • Both tsconfig* files explicitly set baseUrl option to the empty string ("")

  • ngToolsWebpack.AotPlugin.entryModule option is set as a relative path, without trailing ./, without .ts extension, with module class name as a suffix

  • ContextReplacementPlugin is currently disabled as a workaround to ngtools/webpack issues angular/angular-cli#4431 and angular/angular-cli#6518

Integrating other libraries

See chore/ngrx branch for this same project integrating ngrx platform.
See chore/ngx-boostrap branch for this same project integrating ngx-boostrap library.

About

Angular 2 sample application with lazy loaded module + AOT build by @ngtools/webpack

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages