• 简体中文

      • Data Prefetch

      废弃警告

      旧版 Data Prefetch 已移除，不再提供 .prefetch.ts、dataPrefetch 或 @module-federation/enhanced/prefetch 用法。

      推荐使用 bridge-react - prefetch，该方案支持 Rspack/Webpack，并且支持 SSR/CSR。

      如何迁移至 bridge-react - prefetch

      生产者

      1. 将 .prefetch.ts 文件重命名为 .data.ts。
      2. 将默认导出改为具名导出，函数名为 fetchData。
      3. 移除配置文件中的 dataPrefetch 配置项。
      4. 如果使用了 defer API，需要移除。
      5. 如果组件内部通过 usePrefetch 获取数据，需要改为从 props 接收数据。

      生产者侧不会主动执行 fetchData；只有在消费者加载该模块时，才会调用 fetchData 并将结果注入组件。

      如果生产者自身项目也需要渲染该组件并传递数据，请在渲染前手动调用 fetchData，再将数据通过 props 传入。

      消费者

      1. 移除配置文件中的 dataPrefetch 配置项。
      2. 使用 createLazyComponent 加载生产者，具体参考 bridge-react - data fetch。
      3. 使用 prefetch 函数预取数据。