Faith__xu
前端
|
才华有限公司
除了code 什么都喜欢
获得徽章 0
赞了这篇沸点
#每天一个知识点#
## 关于 import() 动态引入
在开发时使用动态引入（Dynamic Import）的组件，在上线后的表现是根据代码执行情况而定，而不是打开网页时立即加载该组件。
动态引入是一种让 Webpack（或其他支持动态引入的打包工具）在编译时将组件代码拆分成多个代码块的技术。当你使用 import() 动态引入组件时，Webpack 会将这部分代码单独打包成一个异步的代码块。这样，在打开网页时，并不会立即加载该组件代码，而是在某个时机（如点击按钮、滚动到特定位置等）触发了动态引入的代码时，才会异步加载该组件。
这种按需加载的方式可以提高网页的加载速度，因为不会在初始加载时一次性加载所有组件的代码，而是按需加载。用户首次打开网页时只会加载必要的代码，然后在用户与网页交互时再根据需要加载其他组件的代码。
所以，在使用动态引入的组件时，打开网页时不会立即加载该组件的代码，而是在需要使用该组件时才会异步加载它。这样可以优化网页的加载性能和用户体验。
## 关于 import() 动态引入
在开发时使用动态引入（Dynamic Import）的组件，在上线后的表现是根据代码执行情况而定，而不是打开网页时立即加载该组件。
动态引入是一种让 Webpack（或其他支持动态引入的打包工具）在编译时将组件代码拆分成多个代码块的技术。当你使用 import() 动态引入组件时，Webpack 会将这部分代码单独打包成一个异步的代码块。这样，在打开网页时，并不会立即加载该组件代码，而是在某个时机（如点击按钮、滚动到特定位置等）触发了动态引入的代码时，才会异步加载该组件。
这种按需加载的方式可以提高网页的加载速度，因为不会在初始加载时一次性加载所有组件的代码，而是按需加载。用户首次打开网页时只会加载必要的代码，然后在用户与网页交互时再根据需要加载其他组件的代码。
所以，在使用动态引入的组件时，打开网页时不会立即加载该组件的代码，而是在需要使用该组件时才会异步加载它。这样可以优化网页的加载性能和用户体验。
展开
评论
3
![[无辜呆]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_96.4fb9d71.png)
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
。 ![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
赞了这篇文章