Vue 加载远程组件的解决方案

背景最近的项目有一个加载远程组件的需求。基于此我对 Vue 加载远程组件的方案进行了研究，并且整理了两个可行的解决方案。HTML 文件 + umd 组件这个方案是最简单、最容易实现的。组件以 umd 的格式进行打包，然后在 HTML 文件中直接使用。div id="app">    test-input>test-input>div>script src="https://unpkg.com/vue@3/dist/vue.global.js">script>script>    // 将组件 URL 挂载到 script 标签上，然后通过 window 获取这个组件    await lodaScript('http://localhost/component/input/0.1.0/bundle.js')    app.component('TestInput', window.TestInput)script>但是这个方案不适合在大型项目中使用，效率比较低。Vue 工程项目 + esm /umd 组件Vue 工程项目 + esm /umd 组件是我目前在使用的方案，但是在研究的过程中遇到了两个问题，逐一解决后，才把这个方案趟通了。第一个问题 Relative references must start with e ………………………………