Next.js - 动态导入与等待导入
Next.js - dynamic import vs await import
我想知道 dynamic import（next.js 功能）和 await import 之间的区别。
我在网上找不到关于差异的解释。
我知道您只能使用 dynamic import 导入 React Components 而不能导入库。
但是为什么我应该使用 dynamic import 而不仅仅是 await import 呢？
谢谢
正如他们在此处解释的那样 https://nextjs.org/docs/advanced-features/dynamic-import，您应该在导入动态 React 组件时使用 next/dynamic 以确保 NextJS 能够将 webpack 包与特定的动态调用相匹配，并预加载该组件在渲染之前。
所以你的问题的答案是肯定的，你应该使用 Nextjs dynamic 导入，而不是 await import（顺便说一句，await import 只是一种加载 ES2020 dynamic imports )
我想知道 dynamic import（next.js 功能）和 await import 之间的区别。
我在网上找不到关于差异的解释。
我知道您只能使用 dynamic import 导入 React Components 而不能导入库。
但是为什么我应该使用 dynamic import 而不仅仅是 await import 呢？
谢谢
正如他们在此处解释的那样 https://nextjs.org/docs/advanced-features/dynamic-import，您应该在导入动态 React 组件时使用 next/dynamic 以确保 NextJS 能够将 webpack 包与特定的动态调用相匹配，并预加载该组件在渲染之前。
所以你的问题的答案是肯定的，你应该使用 Nextjs dynamic 导入，而不是 await import（顺便说一句，await import 只是一种加载 ES2020 dynamic imports )