JavaScript模块模式和HTML元素事件

几天以来，我一直在努力使JavaScript中的模块模式（带有webpack）正确地使用TypeScript。我知道，我参加聚会有点晚了，但现在总比没有好

到目前为止，我想我了解了大多数最佳实践及其优点

由于我正在从事一个有几年历史的项目，我想知道模块模式如何与以HTML编写的事件侦听器一起使用，如：

对于这些情况，结合模块模式（我试图防止污染全局名称空间）的最佳实践是什么

提前谢谢你的回答

编辑：
我对webpack的最佳实践特别感兴趣，因为webpack代码包只有在构建为lib时才能访问。

---

那么，如果我使用webpack捆绑包，html中的事件侦听器如何访问公共JavaScript功能呢

创建模块的方法有很多。以下是其中之一：

/*modules/myModule/index.js*/
常量myModule=（）=>{
//在这里做些很酷的事情！
//这里有私人方法！
功能日志（消息）{
控制台日志（“消息”，消息）；
}
返回{
//公共方法在这里！
打开：（）=>{
//在这里做另一件很酷的事！
日志（“已调用函数open！”）；
},
}
}
module.exports=myModule；
/*然后，在另一个文件中*/
const myModule=require（“模块/myModule”）；
myModule.open（）创建模块的方法有很多。以下是其中之一：


/*modules/myModule/index.js*/
常量myModule=（）=>{
//在这里做些很酷的事情！
//这里有私人方法！
功能日志（消息）{
控制台日志（“消息”，消息）；
}
返回{
//公共方法在这里！
打开：（）=>{
//在这里做另一件很酷的事！
日志（“已调用函数open！”）；
},
}
}
module.exports=myModule；
/*然后，在另一个文件中*/
const myModule=require（“模块/myModule”）；
myModule.open（）因此，如果我有具有工具提示、祝酒词或模态对话框等基本功能的模块，使html定义的事件侦听器可以访问的首选方法是要求/将模块导入全局变量/常量？因此，如果我有具有工具提示等基本功能的模块，Toast或modal对话框使html定义的事件监听器可以访问的首选方法是要求/将模块导入全局var/const？