Angular Tree-Shaking
Learn about Angular tree-shaking.
Tree shaking
When a tree is shaked especially in autumn, dead leaves will fall off. In Angular context, tree shaking means shaking off unused code by Angular compiler ngc
. In other words, it means removal of dead code.
Angular compiler is capable of executing tree-shaking and excludes dead code from built bundles. Dead code is the code that is not referenced in an Angular app. Tree-shaking reduces the size of JavaScript bundles (built output).
Note that tree shaking is a common term used in JavaScript context and thus available with other JavaScript libraries and frameworks too.
How to Enable Angular Tree Shaking
To enable Angular tree-shaking, use Angular compiler CLI --prod
flag. Thus the command to build Angular app with tree-shaking included is
ng build --prod
Angular CLI Build --prod
option description:
Support Jun
Thank you for reading! Support Jun
If you are preparing for Software Engineer interviews, I suggest Elements of Programming Interviews in Java for algorithm practice. Good luck!
You can also support me by following me on Medium or Twitter.
Feel free to contact me if you have any questions.
Comments