Angular 2 CLI - How to use /dist folder files created by angular-cli ng build
After ng build, it just needs a server to execute it, instead of ng serve you can install an http-server from your terminal npm i -g http-server --save
then execute your project from the dist folder using the command (y) :
http-server ./dist
Or on apache for who are using Wamp or Xamp for example just copy the entire files on the dist folder inside your www folder, then restart Apache service
Dist folder is not for ng serve
It's a build that you can run without ng commands
ng build :
It creates the build of your project , converts all your ".ts files" and other files to the simple js files that browser can understand.
So there is no need to run ng serve
over the dist folder ,
just open index.html file inside dist folder and your whole project will run.
If you deploy the angular4 project on you webserver to sub folder DOCUMENT_ROOT/test, then you can do the build as follows:
ng build --prod --base-href "/test/".
Copy the dist/* files to DOCUMENT_ROOT/test.
Access the app through: http://myserver/test. That worked for me.