不使用 Promises 的动态 TypeScript 导入

Question

我有这种情况。它们之所以是动态的，是为了防止加载 10 倍于执行某个命令行任务所需的代码量。

if (diagnostics) {
  require('./lib/cli-commands/run-diagnostics').run(sumanOpts);
}
else if (script) {
  require('./lib/cli-commands/run-scripts').run(sumanConfig, sumanOpts);
}
else if (tscMultiWatch) {
  require('./lib/cli-commands/run-tscmultiwatch').run(sumanOpts);
}
else if (repair) {
  require('./lib/cli-commands/run-repair').run(sumanOpts);
}
else if (postinstall) {
  require('./lib/cli-commands/postinstall').run(sumanOpts);
}
else{
  // etc etc
}

如果我尝试动态加载导入调用，我会得到：

它显然会返回 Promise 而不是 module.exports 值。

有没有办法在不异步加载的情况下使用动态导入语法？

Answer 1

由于动态导入的性质，它是异步的。

require() 是同步的，因为它位于服务器端。您可以使用（例如）fs.readFileSync() 同步读取文件。

对于新的动态导入，它被设计为在客户端工作，因此会有一个 ajax 请求返回到服务器以执行导入。

因此它必须是异步的。

Answer 2

只是为了补充 Unional 的正确答案，使用 Promise 返回动态导入语法非常容易。

(async function () {
  if (diagnostics) {
    const run = await import('./lib/cli-commands/run-diagnostics');
    run(sumanOpts);
  }
  else if (script) {
    const run = await import('./lib/cli-commands/run-scripts');
    run(sumanConfig, sumanOpts);
  }
}());

请注意，如果您使用 --module commonjs 模块，那么最好坚持使用 require。但是，上面的内容非常适合--module amd、--module system，当然还有--module esnext。