All 5 Build, Environments & Deployment questions
More in Build, Environments & Deployment
Why is it important to set a bundle size budget in an Angular project's configuration? How do environment files work in Angular, and how do you use different values for development and production? What are some popular hosting options for deploying an Angular app, and how do they differ? How would you set up a continuous deployment pipeline for an Angular project?
Advertisement
Angular › Build, Environments & Deployment

How do you create a production build of an Angular app?

Beginner

Answer

Running ng build with the production configuration creates an optimized version of your app, with smaller file sizes and development warnings removed, ready to be uploaded to a real web server for actual visitors to use.
ng build --configuration production
// creates a dist folder containing optimized HTML, CSS, and JavaScript files
// ready to be uploaded to a hosting service
Real-world example A small business finishes testing their new website locally, runs the production build command, and uploads the resulting files to their hosting provider so real customers can visit the live site.

Common follow-ups: Why should you never deploy the development version of an Angular app to real users?;What specific optimizations does the production configuration apply?

Angular CLI & Project Structure;Performance & Lazy Loading
All 5 Build, Environments & Deployment questions