Javascript

[React] Tree Shake Your React Application Modules

本文主要是介绍[React] Tree Shake Your React Application Modules,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

Sometimes one line of code can eliminate 50% of your bundle size. As you'll see in this video, we can remove "dead code" from modules we are working with by correctly tree shaking.

Tree shaking is a term commonly used in the JavaScript context for dead-code elimination. It relies on the static structure of ES2015 module syntax, i.e. import and export.

 
// NO
import _ from "lodash";
import {debounce} from "lodash";

// DO
import debounce from "lodash/debounce"

这篇关于[React] Tree Shake Your React Application Modules的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!