Posts

ANGULAR 20.3 PROJECT DEPLOYMENT IN AZURE

ANGULAR 20.3 PROJECT DEPLOYMENT IN AZURE    Where are the app folder files being stored in dist ? Angular 20.3 Build Output When you run: ng build --configuration production Angular compiles your application into static files. Suppose your project structure is: PropelFeb2026-emsv26 │ ├── src │ ├── app │ ├── assets │ ├── environments │ ├── index.html │ └── styles.css │ ├── angular.json └── package.json After building, Angular creates: dist └── PropelFeb2026-emsv26 └── browser ├── index.html ├── favicon.ico ├── assets │ ├── images │ └── ... ├── main-5PJWDBGG.js ├── polyfills-xxxxx.js ├── styles-YN5TJYO7.css └── ... Where is the app Folder? Notice there is no app folder . Why? Because Angular compiles all of your TypeScript files into optimized JavaScript bundles. For example: Before Build src └── app ├── app.component.ts ├── app.component.html ├── app.routes.t...

AZURE DEVOPS CI/CD FOR ANGULAR 20.3

  AZURE DEVOPS CI/CD FOR ANGULAR 20.3   🤔 What is CI/CD for Angular? Continuous Integration (CI) is a development practice where developers frequently merge code changes into a central repository, triggering automated builds and tests to catch integration issues early . For an Angular project, this means automatically running ng build and ng test whenever code is pushed. Continuous Delivery/Deployment (CD) extends CI by automating the deployment of your built Angular application to various environments, including production . This ensures your application is always in a deployable state. 🤔 Why Implement CI/CD for Angular? Early Issue Detection : Catches integration problems and bugs early, reducing the cost and effort of fixing them Faster Value Delivery : Enables teams to release new features and bug fixes more frequently Consistent Deployments : Ensures a uniform deployment process across all environments Reduced Manual Errors : Automates the entire process from code c...