svelte-component-repl:受svelte.technologyrepl启发，REPL可与您的Svelte组件一...

苗条的组件REPL 在svelte.technology/repl的启发下，REPL可以使用您的Svelte组件，尽管那超出了我一点，所以我决定对它进行“某种”反向工程以了解其工作原理。 这个想法是，您可以配置此客户端应用程序以将原始的svelte组件加载到浏览器中，然后将其编译到您的“ App”中。 在这种情况下，“应用程序”将是编辑器的输出，以精巧的语法包装，编译并捆绑在一起。 事件顺序 获取原始组件内容 创建一个原始的App组件来加载组件 使用svelte编译器来编译所有原始组件 使用汇总创建捆绑包以供REPL运行 信息 编译器是从index.html中的CDN加载的。 这是一个完全静态的REPL，我试图避免需要用于任何编译的服务器。 去做 这些只是可能性，而是按顺序或优先考虑的。 在预览iframe中添加样式。 属性提示。 缓存提取的原始组件内容。 模块化并添加构建。