低代码（非无代码）搭建工具的预览功能怎么实现的？

Question

最近在研究一个低代码平台，此低代码平台不像“墨刀”那样完全不用编辑代码，而是编辑少量的代码，会有一个在线编辑器，编辑一个js文件。而这个js文件也可以引用其他的js文件。比如说：
一个低代码平台生成的项目的目录是这样的：

src/pages/home.首页/Scopes.ts 文件就是专门做逻辑控制的js文件，index.tsx 里会引入 Scope.ts。

现在问题来了，如果我的低代码平台生成了很多个这样的项目，那预览功能该怎么实现呢？

如果是单纯的json，预览完全可以获取到json直接渲染。但是这个业务代码 Scope.ts ，有可能会引入其他的js，所以只能在生成的目录下运行预览。那很多个项目该怎么管理呢？如果每个项目都开一个端口号，这样肯定不行，可不可以实现同一个端口号，不同的路径访问不同项目？

Answer 1

1. 要在前端实现语法高亮，我推荐这个类库：
   Highlight.js https://highlightjs.org/
2. 将www.xxx.com/aaa/bbb转为aaa.xxx.com/bbb？这个要靠反向代理来实现了，nginx就很好用的，