Vite 打包后的 UMD 文件，如何在 HTML 中调用暴露的方法？

目前golang学习网上已经有很多关于文章的文章了，自己在初次阅读这些文章中，也见识到了很多学习思路；那么本文《Vite 打包后的 UMD 文件，如何在 HTML 中调用暴露的方法？ 》，也希望能帮助到大家，如果阅读完后真的对你学习文章有帮助，欢迎动动手指，评论留言并分享~

vite打包后在html中调用暴露方法

在使用vite打包umd文件后，要直接在html中调用暴露的方法，目前只能采取以下方式：

挂载至window对象

将暴露的方法挂载到全局的window对象上，这样就可以直接在html中使用，但是这样会对全局作用域带来污染。

打包不同格式

可以考虑打包多个不同格式的文件，例如umd、iife和esm，然后根据需要在html中引用。例如，对于需要直接在html中调用的方法，可以打包一个iife格式的文件，并直接包含在html中：

<!-- 引入IIFE格式的文件 -->
<script src="path/to/iife.js"></script>
<!-- 直接调用暴露的方法 -->
<script>
  iife.exposedMethod();
</script>

这种方式的好处是不会污染全局作用域，也不会影响其他需要按需加载的模块。

理论要掌握，实操不能落！以上关于《Vite 打包后的 UMD 文件，如何在 HTML 中调用暴露的方法？ 》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！