动态导入前的条件检查()

Question

我正在利用我的 React/TS 代码中的动态导入功能，我想知道if (firebase.auth == undefined) if (firebase.auth == undefined) await import("firebase/auth"); 是必要的还是import()可以安全地为同一个模块多次触发？

Answer 1

如果您的项目使用 webpack 之类的捆绑程序，当您使用import("firebase/auth")时，webpack 会将 firebase firebase/auth放入单独的捆绑包中。 大多数时候直接使用import是可以的，因为浏览器会缓存来自同一个 url 的 javascript 文件，但如果它只需要加载必要的 ZDE9B9ED78D7E2E1DCEEFFEE780E2F9 文件，则页面性能会更好。