[Discussion] rax-use-import 异步获取资源代码被同步执行

[SoloJiang]

Example

function Home() {
  const [TargetComponent, error] = useImport(() => import('./targetComponent'));
  if (!error && TargetComponent) {
    return <TargetComponent />;
  }
}

分析

rax-use-import 解决的问题：

• 将 dynamic import 的异步 Promise 写法优化为同步写法，帮助开发者写出了更符合直觉的代码

目前存在的问题：

• 动态 import 的行为是会立即执行的，导致如果设置 publicPath 的逻辑在业务 bundle 之后执行，无法控制动态加载代码的 publicPath
• ~组件发生 rerender 时，会重复执行动态获取资源的逻辑（会被 useMemo 缓存结果）~

[SoloJiang]

本质是解决异步 bundle 在各个加载时机中设置 publicPath 的问题，该问题和 publicPath 的设置机制有关