【发布时间】:2020-12-19 12:53:03
【问题描述】:
我想知道dynamic import(next.js 功能)和await import 之间的区别。
我在网上找不到关于差异的解释。
我知道您只能使用 dynamic import 导入 React Components 而不能导入库。
但是我为什么要使用dynamic import 而不仅仅是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 的一种方式)
【讨论】: