The Angular CLI allows you to build your app for production. In this video, learn about the build command and the different configuration options.
- [Narrator] It is important to know that by default, … the JavaScript bundles are not optimized. … What I mean by that … is that they are not minified … nor uglified for performance. … Also, the bundle names do not contain … a hash for cache busting. … By default, ng build runs a development build. … Let's run a production build. … And we can do that … by using ng build --configuration=production. … The dist directory is discarded … and it is running a fresh build. … Once that is complete, … let's take a look again at the dist folder. … In this case, we now see … that the source maps were not generated, … and the bundle filenames include a hash for cache busting. … Also, they have been minified and uglified, … thus significantly reducing the file size of these bundles. … If you'd like to generate source maps in a production build, … you can use a new flag: … ng build --configuration=production … - -source-map. … In order to see what this production configuration entails, … We can take a look at the angular.json file. …
Author
Released
1/8/2021Skill Level Intermediate
Duration
Views
Related Courses
-
Learning Angular
with Ray Villalobos1h 40m Beginner -
Angular: API Communication and Authentication
with Victor Mejia1h 41m Intermediate -
Angular Essential Training
with Justin Schwartzenberger3h 30m Intermediate -
Angular Testing and Debugging
with Derek Peruo1h 16m Intermediate
-
Introduction
-
Using the exercise files1m 16s
-
1. Exploring the Angular CLI
-
Installing the CLI1m 30s
-
2. Updating Angular Versions
-
Using ng update: Part 13m 36s
-
Using ng update: Part 23m 52s
-
3. Creating New Angular Projects
-
The ng new command3m 49s
-
Adding application assets3m 55s
-
Adding a CSS framework1m 8s
-
-
4. Serving Angular Applications for Development
-
The ng serve command1m 27s
-
-
5. Generating Angular Application Code
-
Generating pipes45s
-
Generating route guards1m 39s
-
Generating custom library1m 27s
-
6. Building Angular Applications
-
The ng build command1m 3s
-
7. Running Tests
-
Test run options1m 26s
-
Testing workflow2m 59s
-
Conclusion
-
Next steps32s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Configuring different build options