文件名称：svelte-component-repl:受svelte.technologyrepl启发，REPL可与您的Svelte组件一起使用
文件大小：17KB
文件格式：ZIP
更新时间：2024-06-08 00:28:48
JavaScript
苗条的组件REPL 在svelte.technology/repl的启发下，REPL可以使用您的Svelte组件，尽管那超出了我一点，所以我决定对它进行“某种”反向工程以了解其工作原理。 这个想法是，您可以配置此客户端应用程序以将原始的svelte组件加载到浏览器中，然后将其编译到您的“ App”中。 在这种情况下，“应用程序”将是编辑器的输出，以精巧的语法包装，编译并捆绑在一起。 事件顺序 获取原始组件内容 创建一个原始的App组件来加载组件 使用svelte编译器来编译所有原始组件 使用汇总创建捆绑包以供REPL运行 信息 编译器是从index.html中的CDN加载的。 这是一个完全静态的REPL，我试图避免需要用于任何编译的服务器。 去做 这些只是可能性，而是按顺序或优先考虑的。 在预览iframe中添加样式。 属性提示。 缓存提取的原始组件内容。 模块化并添加构建。
【文件预览】：
svelte-component-repl-master
----.gitignore(883B)
----components()
--------MyComponent.svelte(44B)
--------YourComponent.svelte(46B)
----package.json(235B)
----jsconfig.json(253B)
----LICENSE(1KB)
----index.js(11KB)
----README.md(1KB)
----index.html(2KB)
----index.css(485B)
----yarn.lock(27KB)