Как объединить разные проекты на vue.js?

Question

[Sector567]

Вот создал я какое-нибудь приложение, например toDoList при помощи vue create
И мне его нужно встроить уже в существующий проект, который был также создан при помощи vue create.

То есть иначе говоря, как правильно срастить два проекта?

Comments

[Михаил]

микрофронтенды?

[Sector567]

ну типа того наверное. То есть нужно разработать приложение, тест, где есть варианты ответов и чтобы его потом было можно встроить на кокой-нибудь сайт в какой-нибудь пост например

Answer 1

[Владимир Коротенко]

Хм ну встройте их в друг друга. На тупом уровне через ифрейм. А так можно замержить.

Comments

[Sector567]

а можно поподробей, вот у меня есть папка dist с готовым проектом под продакшен. Как ее встроит в другой проект, если по шагам?

[Владимир Коротенко]

Sector567 смотрите на примере https://github.com/vkorotenko/calcxactive/blob/mas...

Допустим вы хотите добавить вот этот компонент куда то на страницу.

Добавляете вот этот код в главное приложение

import Suggestions from 'v-suggestions';
import 'v-suggestions/dist/v-suggestions.css'; // you can import the stylesheets also (optional)

import Dropdown from 'bp-vuejs-dropdown';
import OgneTitanCalc from './OgneTitanCalc.vue';

Vue.config.productionTip = false;


// global
Vue.use(Dropdown);
Vue.component('suggestions', Suggestions);

Vue.filter('formatNumber',
  function (value) {
      if (!value) return '';
    if(typeof value === 'string') {
        value = parseFloat(value);
    }
    const options = {
      maximumFractionDigits: 4
    };
    return value.toLocaleString('ru', options);
  });
  Vue.filter('safeNumber',
  function (value) {
    if (!value) return '';      
    if(typeof value === 'string') {      
        value = parseFloat(value);
    }    
    const options = {
      maximumFractionDigits: 4
    };
    return value.toLocaleString('ru', options);
  });

Переносите компоненты из src

И в нужном месте вставляете рендерите OgneTitanCalc