## 关于 import() 动态引入 - Pursue_LLL - 沸点 - 掘金

前端

#每天一个知识点#

## 关于 import() 动态引入

在开发时使用动态引入（Dynamic Import）的组件，在上线后的表现是根据代码执行情况而定，而不是打开网页时立即加载该组件。

动态引入是一种让 Webpack（或其他支持动态引入的打包工具）在编译时将组件代码拆分成多个代码块的技术。当你使用 import() 动态引入组件时，Webpack 会将这部分代码单独打包成一个异步的代码块。这样，在打开网页时，并不会立即加载该组件代码，而是在某个时机（如点击按钮、滚动到特定位置等）触发了动态引入的代码时，才会异步加载该组件。

这种按需加载的方式可以提高网页的加载速度，因为不会在初始加载时一次性加载所有组件的代码，而是按需加载。用户首次打开网页时只会加载必要的代码，然后在用户与网页交互时再根据需要加载其他组件的代码。

所以，在使用动态引入的组件时，打开网页时不会立即加载该组件的代码，而是在需要使用该组件时才会异步加载它。这样可以优化网页的加载性能和用户体验。

展开

前端开发圈

赞过