javascript - 在浏览器中运行开发服务器 [如 stackblitz/codesandbox]

Question

问题:

如何在浏览器中运行实时开发服务器？

---

上下文

Stackblitz和 CodeSandbox是两个提供在线 IDE 来开发 Web 应用程序的平台。我有一个类似的用例，需要在浏览器开发服务器中运行，但除了这些少数观察之外，我找不到太多东西。

---

少量观察

1. Stackblitz，在他们的 announcement post 中描述他们使用，“Progressive Web App API's to run a live dev server in-browser.”

2. 为了解决节点依赖关系，stackblitz 使用他们的自定义 npm 客户端 turbo .在github repo页面上，它被描述为

Express.js routes used for hydrating client-side dependencies and type definitions on StackBlitz.

1. 还有一些模块打包器支持热重载的实时开发。

---

我怀疑 stackblitz 在服务 worker 中运行一个 express.js 服务器，但我似乎无法理解如何。我在这里没有想法，任何帮助将不胜感激。

Answer 1

老实说，我不知道，但我想疯狂地推测一下。

• > https://nodejs.org/api/vm.html

如果您只关注前端代码，那么我想做的是根据所需模块的上下文评估虚拟机中的代码。 React 将允许您将 JS 转换为 html。您可以直接在 dom 中更新 HTML。

我不确定这有多大帮助，但我会留给你这个

• > http://www.alexrothenberg.com/2012/02/29/building-a-browser-ide.html
• > https://60devs.com/executing-js-code-with-nodes-vm-module.html

如果您有兴趣成为一名贡献者，那么我将与您合作完成您的项目!