Angular 11 + build tool improvements

Bumped Angular version to v11

Version at release is 11.1.2. All syntax/pattern changes needed were made. These included updating the loadChildren syntax, as well as a couple changes to how webpack builds the app. Additionally, @angular-devkit/build-optimizer was added to inherit some improvements in the build via @ngtools/webpack.

Bumped webpack version to 5

Updated all config files and dependencies to versions compatible with v5+, and tried to avoid polyfilling any of the removed node internals.

Added "graceful shutdown" logic to node

Previously, when the node server was closed via an interrupt or the restart logic from gulp, it simply exited immediately. These changes add a new "health service", which monitors the open connections, handles worker restarts, and exposes a healthcheck endpoint for use by things like kubernetes clusters.

Gulpfile changes

the gulpfile was switched to typescript, but should run exactly as before. A dev-server function was added to launch and live-reload exclusively the server for testing/developing BFF changes. Lastly, the server restart logic was adjusted to handle the new graceful shutdown procedures.

Angular 10.1.4

Known issue with css-loader/mini-css-extract-plugin/html-plugin, causing weird url resolution issues in the code and arguments about which repo should fix it in the github issues. Until that's all sorted out, we are running with css-loader v3

Other notable changes

• Enforce max bundle size is cacheable by workbox by default
• Updated a bunch of the webpack options formats
• SubscriberComponent must be an actual labeled component because angular has decided extension of abstract classes is bad. Will add a SubscriberInjectable for services eventually...

Upgrade dependencies

Bump up to newest version of angular, upgrade webpack plugins to resolve security warnings from npm audit

Bump to latest tech

Upgrade to latest angular and build tools