Skip to main content

代码分割

通常情况下,我们会将所有的模块打包到一个文件中,当请求网页时加载该文件以展示整个应用。但是,随着网页功能的不断扩展,这便带来了网页加载缓慢、交互卡顿等问题,使用户体验非常糟糕。 导致这一问题的主要原因是,我们在页面加载时,会一次性加载所有代码,无论是当前要用的代码还是之后用到的代码。但是用户在第一次进来时并不会用到所有的功能,因此 code-splitting 即代码分割这个名词出现了。

动态 import() 语法#

React.lazy#

相关链接#

https://zh-hans.reactjs.org/docs/code-splitting.html#route-based-code-splitting