Vuejs, Webpack и динамический импорт, все приложение

Я пытаюсь динамически загрузить все приложение из моего js-кода на стороне клиента. Я не хочу отправлять какие-либо зависимости, необходимые для загрузки приложения в браузер, если приложение не вызывается.

В идеале мне также не нужно было бы использовать сборку, включающую компилятор.

import Vue from 'vue';
import App from './App.vue';

export default function fetchAppFromServer() {

Vue.component('App', () => import(/* webpackChunkName: "ui" */ './App.vue')
        .then((app) => console.info('here I am!', app))
);

    createDivForMount(); // this makes <div id = "cmp-app"></div>

    const vm = new Vue(App).$mount('#cmp-app');
    Promise.resolve()
}

Я бы тогда в другом вызове файла:

logic1()
  .then(result => logic2)
  .then(fetchAppFromServer())

Обновлено: из комментария ниже я просто расширяю, в чем проблема, в основном, что приведенный выше код не работает :), я не могу:

• Загружать приложение при вызове функции.
• Создайте разделение кода веб-пакета указать, чтобы создать новый файл, содержащий только пользовательский интерфейс