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

问题:

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


上下文

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 服务器,但我似乎无法理解如何。我在这里没有想法,任何帮助将不胜感激。

最佳答案

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

  • > 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

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

关于javascript - 在浏览器中运行开发服务器 [如 stackblitz/codesandbox],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53321235/

相关文章:

angular - AWS Amplify 和 Angular 7 的 AOT 运行时错误 - AP

polygon - 使用多边形形状创建和监控地理围栏

laravel - 为什么 Vue.js 在 Laravel 5.6 中不显示任何内容?

oracle - 在 Oracle SQL Insert 语句中返回自动增量值?

c# - 如何在对数据库进行外部更改后更新/同步 DbContext

tensorflow - Tensorflow 中的回调

reactjs - 当 url 具有参数时,未应用 React Nav Link activeSty

python - 尝试使用 Cloud TPU 恢复更新的 BERT 模型检查点时出现 Infeed

c# - 如何自定义渲染 UWP 湿墨

python - 更新 PyTorch 中的特定向量元素