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











