【问题标题】:Next.js - dynamic import vs await importNext.js - 动态导入与等待导入
【发布时间】:2020-12-19 12:53:03
【问题描述】:

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

谢谢

【问题讨论】:

    标签: next.js dynamic-import


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 2018-09-17
      • 1970-01-01
      • 1970-01-01
      • 2021-07-27
      • 2021-09-01
      • 1970-01-01
      • 2022-10-08
      • 2019-03-27
      • 1970-01-01
      相关资源
      最近更新 更多