How to deploy Angular 6 app on Azure using Visual Studio 2017

Question

I created an Angular app using angular-cli:

npm install -g @angular/cli

ng new my-app

Now I want to deploy this simple Angular app to Azure.

I have published setting how can I do it?

Answer 1

After many hours of researching i found it and it is very simple

just follow the steps

1. run ng build --prod (this will create a dist folder in your application)
2. open visual studio and select open >> website select the path of your project inside dist folder and open
3. then just right click on your project and select Publish Web App then select your published profile setting and deploy it

Answer 2

VS Code

You can deploy your Angular App which is using angular-cli easily from Visual Studio Code(VS code)

Refer to this article (You just need to install the Azure App Service extension)

After you deployed the app,

Visual Studio 2017

You need to create a Project as (ASP.NET Core Web application) as Angular Project

After then you can publish your App as WebPackage Deployment to Azure.

Here is the Reference for Publishing your Angular App from VS 2017

I'd say you can use the Visual Studio Code for your use-Case rather than Visual Studio 2017