Как создать гибридное приложение на Angularjs и Svelte

У меня есть большое приложение Angularjs. Также есть небольшой проект в Svelte.

Мне нужно в первый проект вставить svelte-приложение, как это сделать? Как передать компоненты? Как построить проект?

Знаете ли вы, что директивы являются одной из самых мощных и универсальных функций Angular?
Знаете ли вы, что директивы являются одной из самых мощных и универсальных функций Angular?
Директивы позволяют расширять HTML новыми элементами и атрибутами и даже создавать собственные структурные директивы для манипулирования DOM. С...
Разница между Angular и React
Разница между Angular и React
React и AngularJS - это два самых популярных фреймворка для веб-разработки. Оба фреймворка имеют свои уникальные особенности и преимущества, которые...
2
0
891
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Если вы говорите о включении скомпилированного приложения Svelte в ваше приложение AngularJS, я считаю, что вы можете сделать это следующим образом:

  1. Внутри вашего проекта Svelte укажите элемент DOM в вашем приложении AngularJS, к которому вы хотите прикрепить свое приложение Svelte:
 new App({
    target: document.getElementById('someElement'),
 });
  1. Создайте свое приложение Svelte (например, npm run build).
  2. Возьмите содержимое папки сборки вашего приложения Svelte и поместите его куда-нибудь в свой проект AngularJS.
  3. Внутри приложения AngularJS index.html (или там, где вы хотите загрузить приложение Svelte) загрузите bundle.js с помощью тега script, а вы bundle.css с помощью тега style.

Это должно прикрепить приложение к элементу (с идентификатором someElement), указанному выше.

Другие вопросы по теме