Javascript 函数调用中的延迟加载require语句？

我需要将以下内容重构为延迟加载

LargeImport

：

const LargeImport = require('large-import');
const useLargeImport = new LargeImport();

const MyModule = {
    init: function(){
        if(something) {
            this.fire()
        } else {
            this.fire2()
        }
    },
    fire: function(){
        useLargeImport.doSomething();

    },
    fire2: function(){
        useLargeImport.doSomethingElse();
    }
}

module.exports = MyModule;

---

如何仅在执行

fire

或

fire2

后在客户端加载下载大导入？

您可以在任何本机事件上使用异步

导入

。记住在函数开头添加关键字

async

 <button
    onClick={async () => {
      await import("./child.js");
    }}
  >
    click
 </button>

---

演示代码沙盒链接-

您可以在任何本机事件上使用异步导入。记住在函数开头添加关键字

async

 <button
    onClick={async () => {
      await import("./child.js");
    }}
  >
    click
 </button>

演示代码沙盒链接-