Angular2 deploying to production environment questions

Question

Some questions to put angular2 web project to production environment

1. We do development on lite server but what is best for production? Is is some other server module of nodejs? Technically we can have any server (apache, tomcat, etc).
2. How should we do source code management for below context.
   • browser must include js files so project should have js files when deployed
   • In standard java project we just commit .java files and uses jenkins (may be other tools) to compile and make the deploy-able structure
   • Should we follow same strategy here? i.e. don't commit compiled js files and deploy using some node compiler which takes ts files and compiles it to js
3. What is the best way to minify/obfuscate the js files
   • I know a way using outDir and outFile with grump but I don't want every files tobe included in one minified file because it kills the concept of lazy loading
   • Is there a way to minify and obfuscate js files on compile time only?
4. What enableProdMode() do? How it is different than not using it?

Answer 1

Here are some answers to your questions:

1. Angular2 applications only consist of static files so they can be serve by any static Web servers or server applications that can define static folders (Express, ...)

2. Regarding source code management, you must have a packaging phase to optimize the application loading (gater files, uglify, ...). Your source code must contain your TypeScript files (or JS files if using ES5 or ES6). Such packaging can be done using Gulp for example. Your Jenkins server will be able to checkout the source code, build it and execute tests.

3. In fact, when not using the outFile property of the TypeScript compiler, you won't be able to gather all the JS compiled files into a single one since anonymous modules will be created within each JS files.

   See this question for more details of this:

   • How do I actually deploy an Angular 2 + Typescript + systemjs app?

4. Regarding prod mode, here is an extract of the documentation:

   Disable Angular's development mode, which turns off assertions and other checks within the framework.

   One important assertion this disables verifies that a change detection pass does not result in additional changes to any bindings (also known as unidirectional data flow).