Steps to deploy an angular application into Azure blob storage

• Create a Storage Account in Azure Portal

• Click Go to Resources and navigate to Static website in the Data management section in the left side pane

• Turn the Static website switch to Enabled

• Enter the index document name as index.html and Error document path as 404.html and Save the changes

• Open the terminal(Ctrl+Alt+T) and create an angular application using the following command ng new {name of the application}

ng new app

• Check if the application folder app contains the distfolder
• If no use the command ng build --configuration / ng build --production

ng build --configuration

• After making sure that the dist folder is created, open the VScode and install the extension Azure Storage Account from extensions.
• Now open the application folder in VScode(File->Open folder)
• Right-click on the dist folder and select Deploy to Static Website via Azure Storage
• Select the Storage Account from the appropriate Subscription.
• And application files will be deployed to the storage account selected.
• Now open the Containers tab and click the $web to view the blob files.

• Now the list of application files can be seen uploaded as blobs.

• Now enter the primary endpoint from the Static Website blade to view the output