如何在 Angularjs 和 Svelte 上创建混合应用

Question

我有一个大型 Angularjs 应用程序。 Svelte中也有一个小项目。

我需要在第一个项目中插入一个 svelte-application，如何实现？如何传输组件？如何建立项目？

Answer 1

如果您正在谈论在您的 AngularJS 应用程序中包含已编译的 Svelte 应用程序，我相信您可以按如下方式执行此操作：

1. 在您的 Svelte 项目中，在 AngularJS 应用中指定您希望将 Svelte 应用附加到的 DOM 元素：

 new App({
    target: document.getElementById('someElement'),
 });

1. 构建您的 Svelte 应用程序（即 npm run build）。
2. 获取 Svelte 应用构建文件夹的内容，并将它们放在 AngularJS 项目中的某个位置。
3. 在您的 AngularJS 应用程序的 index.html 中（或您想要加载 Svelte 应用程序的任何地方）通过 script 标签加载到您的 bundle.js 中，然后您 bundle.css 通过 style 标签。

这应该将应用附加到上面指定的元素（ID someElement）。