As I understand the Angular2 concept - it is transpiling TypeScript files to .js files. In principle, it should be possible to compile, package, and then run that Angular2 application as a static application from AWS S3 bucket, GitHub or whatever static source.
If I run Angular2 application on node server (with angular-cli "ng serve" command), it takes 500 MB of RAM on server - it's "Heey, common!" - is it really supposed to be that way! What's the benefit of this framework then against React, for example, which needs only a browser.
I can't seem to find anything useful on serving Angular2 application as a static compiled HTML+JS.
Maybe you can help me understand this, and solve?
Thanks a lot!
Maris
Run the BUILD command to BUNDLE/build
ng build
or for a production build/bundle
ng build --prod
It will build/bundle your app into a distributable app.
When it is finished look in your apps root directory for a dist folder and that will contain everything your app needs to run in outside of the node server, say like a tomcat instance.
Update
Thanks to the comment from @Maris, make sure your file paths are relative to the current directory rather than relative to the root directory.
Simply run this command to change the base href element in your index.html.
ng build --prod --base-href ./
this is a great way to export your application , just need a little change
open index.html
and change
<base href="/">
to
<base href="./">
This works for me:
$ ng build --prod --base-href ./
It's impossible i think during to error in modern browsers:
Uncaught (in promise): SecurityError: Failed to execute 'replaceState' on 'History':...
it's a pity
How to serve an Angular 2 dist folder index.html to serve an Angular 2 dist folder index.html
If it's not obvious to everyone, and it wasn't to me. If you want to run the dist folder locally after building it and fixing it base ref, use something like http-server and point it to the dist folder, not any particular file. From the cmd window in your project folder
c:\user\myProject> http-server ./dist
as explained in the link
