实现微前端，你所需要了解的 Vue Genesis 渲染器

我们的需求
核心的就是渲染器，它提供了最基础渲染能力，有了它，你可以实现微前端、微服务、远程组件、首屏渲染，甚至可以和 react、Ejs 等配合使用。

它可以和怎样的你协作？
如果你是传统的后端渲染的，需要做seo，但是你希望在部分布局，部分页面引入 vue，那么 renderer.renderjson() 足以，将渲染结果传递给后端渲染的模板引擎中即可。

如果你是中后台系统，业务系统全部集中在一个项目，你希望可以按照业务进行服务的拆分，那么 `` 足以

如果你是 CSR 渲染的项目，那么 renderer.renderhtml({ mode: ‘csr-html’ }) 足以

如果你是 SSR 渲染的项目，那么 renderer.renderhtml({ mode: ‘ssr-html’ }) 足以

如果你想做微前端、微服务、那么渲染器 天生就具备了这样的能力，你可以把它当成一个工具函数使用，你可以通过 HTTP 、 RPC 等等各种协议访问到你的服务，然后使用它进行渲染。

创建一个渲染器
开发环境

如果你是项目是第一次创建，程序将会自动在项目根目录创建 vue 基本的模板。
因为在实际的开发环境中，我们还需要静态资源的文件和热更新，watch 对象还提供了对应的中间件使用，如果你使用 Express 框架，可以直接使用

如果你使用了 Koa，或者其它的框架，就需要在对应框架上包装一层中间件使用。

生产环境
开发完成后，需要发布产环境，我们总是需要将代码提前编译好，这