在 html 中调用 vite 打包后的 umd 方法
在 Vite 中打包 UMD 文件后，要直接在 HTML 中调用其暴露的方法，通常需要将方法挂载到 window 对象上。但是，有另一种方法可以实现此目的：
打包时，您可以在 Vite 配置中设置 output.globals 选项，将暴露的方法映射到全局变量。例如：
build: { lib: { name, fileName: name, entry: path.resolve(__dirname, 'src/main.ts') }, rollupOptions: { output: { sourcemap: true, globals: { './src/main.ts': 'canvasEditorFun' } } }}
通过这种方式，打包后的 UMD 文件将包含类似以下内容的代码：
var canvasEditorFun = {...};window.canvasEditorFun = canvasEditorFun;
现在，您可以在 HTML 中使用 canvasEditorFun 变量来调用暴露的方法。例如：
立即学习“前端免费学习笔记（深入）”；
canvasEditorFun.initEditorByFile(...);
采用这种方法，您不需要将方法显式挂载到 window 对象上，而是可以直接通过全局变量访问。
以上就是如何避免在 HTML 中显式挂载 UMD 方法到 window 对象？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1559431.html
微信扫一扫 
支付宝扫一扫 
