Javascript中的动态导入是否会改变导入库/组件的方式？

我有几个库，我想在登录后导入和配置。但是，如果我想使用它，我需要在每次使用它时动态导入它。是否有任何方式可以说“导入此文件，并在每次使用时同步导入”

让我解释一下。假设我有几个地方想使用AWS放大库的Auth模块。我知道登录后，我需要像这样动态导入它

...
const Auth = (await import('@aws-amplify/Auth')).default;
...

---

但任何其他用例都是在登录之后。我还需要像这样使用它吗？或者在那之后还有其他同步导入的方法吗？

import

语句（与

import

函数相反）是由浏览器静态分析的（在引擎盖下它不是真正的同步，但您的代码可以这样处理），所以没有。它要么是静态的，或者全是动态的。然而，下载是缓存的，在第一次动态导入之后，它实际上不会到达您的服务器（除非您执行一些ServiceWorker魔术）。不将代码块下载给未经验证的用户也会带来一些安全隐患。

import

语句（与

import

函数相反）是由浏览器静态分析的（在引擎盖下它不是真正同步的，但您的代码可以这样处理），所以不是。它要么都是静态的，或者全是动态的。不管下载是缓存的，在第一次动态导入之后，它实际上不会到达您的服务器（除非您执行了一些ServiceWorker魔术）。这样做的好处是我会保存初始下载大小，但缺点是代码不太清楚。对吧?对。不将代码块下载给未经验证的用户也会带来一些安全隐患。太棒了，谢谢！将其作为答案发布，如果您喜欢，请接受。