運行瀏覽器中的開發服務器（例如stackblitz / codesandbox）

Question

問題：

如何運行瀏覽器中的實時開發服務器？

---

語境

Stackblitz和CodeSandbox是兩個提供在線IDE來開發Web應用程序的平台。 我有一個類似的用例，需要在瀏覽器開發服務器中運行，但是除了這些觀察結果之外，我沒有發現太多。

---

很少的觀察

1. Stackblitz在其公告中描述了他們使用“ Progressive Web App API來在瀏覽器中運行實時開發服務器”。

2. 為了解決節點依賴性，stackblitz使用其自定義的npm客戶端turbo 。 在github repo頁面上，它被描述為

Express.js路由用於補充StackBlitz上的客戶端依賴關系和類型定義。

3. 還涉及一些模塊捆綁器，以通過熱重裝來支持實時開發。

---

我懷疑 stackblitz在服務工作者中運行了express.js服務器，但我似乎不明白如何。 我在這里沒有想法，任何幫助將不勝感激。

Answer 1

老實說，我不知道，但我想瘋狂地推測。

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

如果您只是專注於前端代碼，那么我想做的就是利用所需的任何模塊來評估vm中的代碼。 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

如果您有興趣貢獻者，那么我將為您的項目提供幫助！