Skip to main content

How to deploy an Angular ( Angular 4) Application

You can use http-server to run your Angular App. 
First of all generate a build using the command
1) ng build

This will create a dist folder in your directory structure.
When you run the ng build command, it creates a /dist folder. Here are the files and their associated sizes after running the above command.

Note: Your file sizes will vary based on your project.

As you can see, we have a massive vendor.bundle.js file, because when you run ng build without specifying the production environment, it doesn't make use of uglifying and tree-shaking.

2) ng build --prod


So, adding the production flag reduced the bundle from around 3.6 MB to 423 KB, which is nearly an 83% reduction.

After this, run http-server ./dist, which will start serving your project from dist folder.
Make sure you have installed http-server globally using


npm install http-server -g

Comments

Post a Comment

Popular posts from this blog

Normalization in DBMS: 1NF, 2NF, 3NF and BCNF in Database

Normalization is a process of organizing the data in database to avoid data redundancy, insertion anomaly, update anomaly & deletion anomaly. Let’s discuss about anomalies first then we will discuss normal forms with examples. Anomalies in DBMS There are three types of anomalies that occur when the database is not normalized. These are – Insertion, update and deletion anomaly. Let’s take an example to understand this. Example : Suppose a manufacturing company stores the employee details in a table named employee that has four attributes: emp_id for storing employee’s id, emp_name for storing employee’s name, emp_address for storing employee’s address and emp_dept for storing the department details in which the employee works. At some point of time the table looks like this: emp_id emp_name emp_address emp_dept 101 Rick Delhi D001 101 Rick Delhi D002 123 Maggie Agra D890 166 Glenn Chennai D900 166 Glenn Chennai D004 The above table ...
Post a Comment
Read more

Downloading Cassandra in Ubuntu 16.04

Installation from Debian packages For the <release series> specify the major version number, without dot, and with an appended x . The latest <release series> is 311x . For older releases, the <release series> can be one of 30x , 22x , or 21x . Add the Apache repository of Cassandra to /etc/apt/sources.list.d/cassandra.sources.list , for example for the latest 3.11 version: echo "deb http://www.apache.org/dist/cassandra/debian 311x main" | sudo tee -a /etc/apt/sources.list.d/cassandra.sources.list Add the Apache Cassandra repository keys: curl https://www.apache.org/dist/cassandra/KEYS | sudo apt-key add - Update the repositories: sudo apt-get update If you encounter this error: GPG error: http://www.apache.org 311x InRelease: The following signatures couldn't be verified because the public key is not available: NO_PUBKEY A278B781FE4B2BDA Then add the public key A278B781FE4B2BDA as follows: sudo apt-key adv --keyser...
Post a Comment
Read more

How to Install and Configure MongoDB on Ubuntu 16.04

What we will do in this tutorial: Install MongoDB Configure MongoDB Conclusion What we will do in this tutorial: Install MongoDB Configure MongoDB Conclusion Install MongoDB on Ubuntu 16.04 Step 1 - Importing the Public Key GPG keys of the software distributor are required by the Ubuntu package manager apt (Advanced Package Tool) to ensure package consistency and authenticity. Run this command to import MongoDB keys to your server. sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv EA312927 Step 2 - Create source list file MongoDB Create a MongoDB list file in /etc/apt/sources.list.d/  with this command: echo "deb http://repo.mongodb.org/apt/ubuntu "$(lsb_release -sc)"/mongodb-org/3.2 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.2.list Step 3 - Update the repository update the repository with the apt command: sudo apt-get update Step 4 - Install MongoDB Now you can install MongoDB by typing this com...
Post a Comment
Read more