Simplified Implementation of an AngularJS/Angular Hybrid Application
- Install Dependencies
- Webpack
- HTML Loader
- HTML Webpack Plugin
- TS Loader
- Copy Webpack Plguin
- Angular
- Angular Core
- Angular Common
- Compilere
- ngTools/Webpack
- Upgrade Module
- Typescript
- TODO: Karma
- TODO: Mocha
- JQuery
- Lodash
- Types
- Jquery
- Angular
- Angular Platform Browser + Dynamic
- Nodemon
- Express
- Setup Webpack Config
- Entry
- Resolve
- Module Rules
- Plugins
-
Setup index.ejs
-
Setup App-Bootstrap
-
Setup App Module
- Add Browser Module
-
Setup Layout directory with AngularJS and Angular Components
-
Add Angular Component
-
Setup Typescript Config
-
Setup scripts
-
Globally avaialable Objects (and types?) with _refereces.d.ts
-
AJS/AngularJS Hybrid
- Add App Module AJS
- Add Upgrade Module to App Module
- call upgrade.bootstrap on AJS App Module
- remove recompile directive
- TODO: on events?
-
Add Pollyfills.ts
-
Create Layout Module AJS
- Add Layout Content Component (AJS Component)
- Add Layout Controller (AJS Controller)
- Add Angular Component Downgrade
- Ensure App Module AJS depdends on this
- Create Component Module
- Ensure App Module Loads Component Module
What triggers a watch update?
- config.json
- app-bootstrap.ts
- .ts files
- .json files
- .module.ts files?
- .module.ajs files?
- .html files
- _references.d.ts?
- webpack.config.jss?
Why .ejs file?
- Run
ngc
(npm run build:ng
) without errors - Move to AOT Compilation
- requires ngc?
- PlatformBrowser() vs PlatformBrowserDynamic()
- @ngtools/webpack
- No More AngularJS?
- API Data Requests and Precompiled HTML?