在html中直接引用vite打包的umd文件暴露方法
当打包成UMD文件时，暴露的方法通常会挂载到全局对象（通常是window）上。因此，要直接在HTML中调用暴露的方法，需要这样做：
挂载到Window
打包好的UMD文件会导出一个对象，其中包含已暴露的方法，例如：
HTML引用
在HTML中，即可使用window.canvasEditorFun对象直接调用暴露的方法：
其他技巧
立即学习
“
前端免费学习笔记（深入）
”；
虽然直接挂载到全局对象是直接调用暴露方法的唯一方法，但也可以采取以下技巧：
多种打包格式
：可以通过Vite打包成不同的格式（例如，umd、iife、esm），然后根据需要引用。
别名导入
：如果需要在不同文件之间重用方法，可以创建一个别名导入，并统一管理暴露的方法，避免全局污染。
import { initEditorByFile } from 'umd.js';
window. canvasEditorFun = {
initEditorByFile,
... // 更多暴露的方法
}