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

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

Why do we need Unicode?

In the early days, all that existed was ASCII. This was okay, as all that would ever be needed were a few control characters, punctuation, numbers and letters like the ones in this sentence. Unfortunately, today's strange world of global intercommunication and social media was not foreseen, and it is not too unusual to see English in the same document  But for argument's sake, lets say Joe Average is a software developer. He insists that he will only ever need English, and as such only wants to use ASCII. This might be fine for Joe the user , but this is not fine for Joe the software developer . Approximately half the world uses non-Latin characters and using ASCII is arguably inconsiderate to these people, and on top of that, he is closing off his software to a large and growing economy. Therefore, an encompassing character set including all languages is needed. Thus came Unicode. It assigns every character a unique number called a code point . One advantag...
Post a Comment
Read more

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