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 中调用暴露的方法？的详细内容，更多请关注硕下网其它相关文章！