Next.js - 动态导入与等待导入

Question

我想知道 dynamic import（next.js 功能）和 await import 之间的区别。
我在网上找不到关于差异的解释。
我知道您只能使用 dynamic import 来导入 React Components 而不是库。
但是为什么我应该使用 dynamic import 而不仅仅是 await import ？

谢谢

Answer 1

正如他们在这里解释的https://nextjs.org/docs/advanced-features/dynamic-import，你应该在导入动态 React 组件时使用 next/dynamic 以确保 NextJS 能够将 webpack 包匹配到特定的动态调用，并在渲染之前预加载组件

所以你的问题的答案是肯定的，你应该使用 Nextjs dynamic import，而不是 await import （顺便说一句，await import 只是加载 ES2020 dynamic imports 的一种方式）