动态导入

动态导入是一项比较新的 JavaScript 功能，它使您可以在运行时动态地加载模块。这对于异步加载模块和减少初始负载时间非常有用。然而，需要注意的是，只有在设置了正确的 --module 标志时，才能支持动态导入。

以下是支持动态导入的 --module 标志：

• es2020
• esnext
• commonjs
• amd
• system
• umd

请注意，如果没有设置正确的标志，则动态导入将会被解释为 TypeScript 中的语法错误。

示例

以下示例展示了如何在 TypeScript 中使用动态导入：

async function loadModule() {
  const module = await import('./myModule');
  return new module.MyClass();
}

这个例子展示了如何异步加载名为 myModule 的模块，并在返回时实例化 MyClass 类。

结论

动态导入是一项非常有用的功能，可以帮助您异步加载模块并减少初始负载时间。请记住，在使用时一定要设置正确的 --module 标志，否则它将被解释为 TypeScript 中的语法错误。