Tree Shaking and DCE

Tree Shaking It refers to when I introduce a module , I'm not going to introduce all the code for this module , I just bring in the code I need , That's where the help comes in webpack It comes with Tree Shaking This function helps us realize .

https://blog.csdn.net/weixin_45820444/article/details/108845845

Tree-shaking The essence of is to eliminate useless js Code . Useless code elimination is widely used in traditional programming language compilers , The compiler can tell that some code doesn't affect the output at all , Then eliminate the code , This is called DCE（dead code elimination）.

Tree-shaking yes DCE A new implementation of ,Javascript Unlike traditional programming languages ,javascript In most cases, it needs to be loaded through the network , And then execute , The smaller the file size loaded , Shorter overall execution time , So remove useless code to reduce file size , Yes javascript It makes more sense to me .

Tree-shaking And traditional DCE The method is different , Conventional DCE Eliminate impossible code , and Tree-shaking Focus more on eliminating unused code . Here is a detailed introduction DCE and Tree-shaking.

https://blog.csdn.net/qq_34629352/article/details/104256311