如何获取单个 JS 文件作为 Svelte 代码的输出？

Question

我想创建一个 JS 文件，当通过脚本标记动态注入时，该文件在另一个独立页面上执行一些代码。需要运行的代码，我是用 Svelte 编写的。那么如何才能将代码作为单个 HTML 文件获取呢？目前，构建捆绑包时有单独的 CSS、HTML、JS 文件。

如果需要的话，如果由于某种原因无法使用 Svelte，我也可以在 React 中编写代码。

该代码用于创建一个按钮，该按钮在页面上创建一个 iframe。然后 iframe 中的内容就从那里获取。

如何实现创建包含 css 和 html 的单个 JS 文件的目标？

Answer 1

可以使用 svelte 上的自定义元素 API 来实现此目的，它将捆绑您的.svelte文件以.js非常有助于制作小部件。

我建议您观看这个视频来解决您的具体问题，更多信息请参见诺亚的博客。