Скачать или смотреть How to Remove Code Comments on ng build prod in Angular 8

Learn how to configure your Angular 8 project to remove code comments during production builds with `ng build prod`. Follow our easy step-by-step guide!
---
This video is based on the question https://stackoverflow.com/q/69029755/ asked by the user 'yihijes925' ( https://stackoverflow.com/u/15505245/ ) and on the answer https://stackoverflow.com/a/69048703/ provided by the user 'Devendra Kumbhkar' ( https://stackoverflow.com/u/10308982/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: How to remove code comments on `ng build prod`?

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Remove Code Comments on ng build prod in Angular 8

When working with Angular applications, especially when preparing for deployment, developers often want to optimize their builds. One common requirement is to remove code comments from the output files. This is crucial not only for minimizing file sizes but also for enhancing the security of the application by keeping comments and potentially sensitive information out of the production build. If you're using Angular 8 and have encountered issues where comments persist even after running ng build prod, this guide will guide you through the necessary steps to resolve this issue effectively.

Understanding the Problem

You may have found that executing the command:

[[See Video to Reveal this Text or Code Snippet]]

does not yield the expected outcome of a clean production build, devoid of comments. This situation can be frustrating, but rest assured, the solution lies in the configuration of your Angular project’s angular.json file.

Solution Steps: Configuring Your angular.json

To ensure that comments are properly removed in your production builds, you need to verify and modify specific properties in the angular.json file associated with your project. Here are the steps to follow:

Step 1: Open angular.json

Locate the angular.json file in the root directory of your Angular project. This file contains all the configuration settings for Angular CLI.

Step 2: Find the Production Configuration

Inside the angular.json file, look for the production configuration settings. You should find a section labelled "production" which may look similar to the one below:

[[See Video to Reveal this Text or Code Snippet]]

Step 3: Ensure Key Properties are Set

Make sure that the following properties are correctly set:

optimization: This should be set to true. This property controls various optimizations, including the removal of comments.

sourceMap: Set this to false. While this may be useful for debugging, it keeps comments in the output files during production builds.

extractLicenses: Enabling this (set to true) can help in license identification but also contributes to cleaner builds by extracting license comments.

buildOptimizer: Ensure this is true for additional optimization that removes unnecessary constructs and minimizes output size.

Step 4: Save Changes and Rebuild

After you have made these adjustments, save the angular.json file. Now, run the build command again:

[[See Video to Reveal this Text or Code Snippet]]

This time, you should find that comments have been effectively stripped from your production build.

Conclusion

By correctly configuring the angular.json file for your Angular 8 application, you can easily remove comments during the build process. This not only enhances security but also optimizes the performance of your application by reducing the final build size.

Next time you perform a production build, you can rest easy knowing that all unnecessary comments have been taken care of!