Posted under Angular
Permalink
Tags Angular, Tip
lite-server is useful when it is desired to serve an application using actual files, in contrast with ng serve which serves everything from memory. A comparison follows:-
ng serve
This uses webpack to build and serve the application entirely from memory. The consequence of this is that any files (such as external configuration files) which are not specifically part of the angular-cli/webpack bundles/built by webpack will not be available/visible when the application is served. Additional script files can be included in the build bundles by adding to the scripts property in .angular-cli.json, but of course if this is done they are not then external to the build.
lite-server used in development mode
Having installed lite-server globally, it can be used in the following way such that file changes are monitored and updated dynamically in the build :-
under linux:-
ng build –watch && cd dist && lite-server
under windows:-
ng build –watch
rem then under a separate command session:-
cd dist
lite-server
lite-server used in production mode
This will do a production build with AOT enabled by default:-
ng build –prod
cd dist
lite-server
Leave a Reply
You must be logged in to post a comment.