embed - Svelte 组件可以嵌入到非 Svelte 应用程序中吗？

Question

我在一个有多个项目的小组中工作，每个项目都是用不同的框架编写的。我们想要一些独立的小部件，它们的行为和外观是标准的，但可以在任何系统中使用。我认为 Svelte 听起来是个不错的选择，因为它不需要在前端添加框架。但是我找不到任何说明 Svelte 可以在其他系统中使用的内容；它必须是一个全 Svelte 应用程序才能拥有 Svelte 组件。

那是对的吗？或者有什么方法可以将 Svelte 组件嵌入到另一个系统中？

Answer 1

只要您拥有对要附加到 Svelte 组件的 DOM 元素的引用，就可以在任何地方包含 Svelte 组件。

const container = document.querySelector('.container');

//MyComponent is the compiled component
new MyComponent({
  target : container
});

见 https://svelte.dev/docs#Client-side_component_API

但是，如果您有多个这样的组件，那么您对如何处理状态会有一些限制。