ASP.NET / ASP.NET Core WebAPI AngularJS / Angular Demo with Component based design, Webpack, Ahead-of-Time (Aot) Compilation, Lazy Loading and Treeshaking runnable on every Platform (Cross Platform)
This repository offers you one demo application implemented three times (AngularJS, Angular with SystemJS and Angular with Webpack) with two compatible endpoints implemented in ASP.NET & ASP.NET Core served to run on every platform (Cross Platform)
The application comes with lazy loading, forms, custom validation, routing etc.
Server and Client are completely seperated that you can exchange the endpoint easily.
This client is implemented with component based design and the one-way dataflow. It is using gulp as a taskrunner to minify and uglify the javascript files. By running
npm install
and
npm start
the application starts and runs in your default browser.
By typing
npm run buildProd
the application build in a ".dist"-folder and you can then type
npm run liteProd
to serve the files from the ".dist"-folder.
This client is implemented with Angular and SystemJS. You can start the application by running
npm install
and
npm start
the application starts and runs in your default browser.
Here also gulp is used to build an minified application in a ".dist"-folder.
By typing
npm run buildProd
the application build in a ".dist"-folder and you can then type
npm run liteProd
to serve the files from the ".dist"-folder.
You can build Cross Platform by typing
npm run buildAll
for building Web, Desktop (Windows and Linux) and Apps for Android and Windows Phone in the .dist folder.
Angular Client with Webpack, Treeshaking and Ahead of Time (Aot) Compilation (Folder: "Angular-Client-Webpack")
This client is implemented with Angular and Webpack. You can start the application by running
npm install
and
npm start
the application starts and runs in your default browser.
By typing
npm run webpack-dev
the application is build without treeshaking and AoT in a .dist/web/jit folder.
If you type
npm run webpack-prod
the application is build with treeshaking and AoT in a .dist/web/aot folder.
After the aot compilation you can start the application by typing
npm run lite
You can build Cross Platform by typing
npm run buildAll
for building Web, Desktop (Windows and Linux) and Apps for Android and Windows Phone in the .dist folder.
You can see an Angular Demo with all the techniques combined here (running on Azure)