javascript - 如何从 Svelte 代码中获取单个 JS 文件作为输出?

标签 javascript svelte svelte-3

我想创建一个 JS 文件,当通过脚本标签动态注入(inject)时,该文件在另一个独立页面上执行一些代码。需要运行的代码,我已经用 Svelte 编写了。那么如何将代码作为单个 HTML 文件获取呢?目前,构建 bundle 时有单独的 CSS、HTML、JS 文件。

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

代码是创建一个按钮,在页面上创建一个 iframe。然后 iframe 中的内容从那里获取它。

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

最佳答案

可以在 svelte 上使用自定义元素 API 实现这一点,它将您的 .svelte 文件捆绑到 .js ,这对制作小部件非常有帮助。

我推荐看这个video解决了您的确切问题,有关 Noah 的更多信息 blog .

关于javascript - 如何从 Svelte 代码中获取单个 JS 文件作为输出?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67384278/

相关文章:

javascript - 单击文件输入上的取消时图像不会变空?

javascript - React 状态获取 "corrupted"

svelte - 更新 Svelte 可写数组存储的正确方法是什么?

Svelte 商店有条件的自动订阅

javascript - Svelte 商店功能更新

Svelte:显示和隐藏复选框时分组复选框绑定(bind)问题

PHP 和 Javascript 兼容的加密函数

javascript - 打开基于ajax响应的jquery-ui对话框

html - 如何在 Svelte 中有条件地禁用字段?

svelte - 如何在开发模式下代理 Svelte-kit