Async-компонент webpack и vue из другого проекта / домена

Я новичок в webpack, я уже просмотрел несколько руководств и получил рабочую конфигурацию своего проекта.

Я пытаюсь асинхронно загружать компоненты vuejs следующим образом:

<template>
  <div id = "app">
    <component
      :is = "template"
    >
    </component>
  </div>
</template>
<script>
export default {
  name: 'App',
  computed: {
    template () {
      return () => import(`@/templates/${this.$template.name}`)
    }
  },
  mounted () {
    this.template().then(comp => {
      this.$nextTick(() => {
        //...
      })
    })
  }
}
</script>

После компиляции webpack я получаю три файла:

• app.js
• 0.js
• index.html

это результат, который я хочу, потому что это будет виджет, поэтому включение только одного файла js (app.js), который вызывает 0.js во время его выполнения, и он хорошо работает, когда app.js включен на страницу index.html на том же хосте

Но как мне это сделать, если я хочу подключить файл app.js с другого хоста?

Например, если у меня есть mywebsite.com/index.html, который включает скрипт app.js

<!--https://mywebsite.com/index.html-->
<script src = "https://my_widget_host.com/app.js"></script>

Я получаю ошибку 404 при попытке получить файл 0.js, потому что вызовы выполняются на http://mywebsite.com/0.js, а не на http://my_widget_host.com/0.js

Есть ли способ добавить к файлу 0.js префикс URL-адреса сервера, на котором размещен файл?