我可以动态导入 ES6 模块吗？

Question

我试图在我的程序中包含子命令，但我想将它们放在一个列表中并一次将它们全部导入。 我可以做这样的事情：

const subcommands = ['help', 'add', 'remove'];
for (const subcommand of subcommands) {
  import {main} from './'+subcommand+'.js';
  main();
}

Answer 1

是的，有一个用于动态导入的 function。 mdn import() 。
它返回一个 promise 所以你可以在它后面加上一个then ，或者使用异步等待。

(async () => {
  const subcommands = ['help', 'add', 'remove'];
  for (const subcommand of subcommands) {
    const {main} = await import('./'+subcommand+'.js');
    main();
  }
})()

Answer 2

您可以使用动态导入 function。

const subcommands = ['help', 'add', 'remove'];
for (const subcommand of subcommands) {
  import('./'+subcommand+'.js').then(i => {
     i.main()
  })
}