Roadmap about ssr

[i5ting]

OK

[zhangyuang]

plugin-faas plugin-react plugin-midway plugin-vue
大概用法如下。每个插件会暴露 start, build, deploy 等方法来启动服务
https://github.com/ykfe/ssr/blob/feat/plugins/packages/plugin-faas/src/index.ts
https://github.com/ykfe/ssr/blob/feat/plugins/packages/plugin-react/src/index.ts
https://github.com/ykfe/ssr/blob/feat/plugins/example/serverless-react-ssr/config.js

[zhangyuang]

运行模式

支持 ssr/csr 两种运行模式，可通过 config.js 指定渲染模式，也可以运行过程中注入实时 config 来不发版修改渲染模式

插件列表

plugin-faas 负责 服务端为 serverless 情况下服务的启动和部署，依赖框架 midway-faas
plugin-react 负责前端框架为 React 情况下的 webpack 配置 以及 打包入口服务
plugin-midway 负责 服务端为 传统 Node.js 场景下服务的启动和构建，依赖框架 midway，midway默认底层框架为egg
plugin-vue 负责前端框架为 Vue 情况下的 webpack 配置 以及 打包入口服务，是否能够支持 vite 待定

其余 包

ssr-core-react 存放将 react 场景下服务端 bundle编译为 string/stream 的能力，只依赖一些简单的模块例如 react-dom.renderToString
ssr-core-react 存放将 vue 场景下服务端 bundle编译为 string/stream 的能力，只依赖一些简单的模块例如 vue-server.renderToString
ssr-webpack 负责启动本地开发的 服务端bundle/客户端bundle 对应webpack 服务，提供 热更新能力，webpack配置由具体的插件传入
ssr-server-utils 在 Node.js 环境下使用的工具库
ssr-client-utils 在浏览器环境下使用的工具库，禁止依赖 Node.js 模块 如 fs, path 等模块，常用于保存 hoc 高阶组件
ssr-types 抽离公共的类型

注意事项

由于 faaS 场景对代码包的大小很敏感，所以开发过程中需要非常注意分离开发环境依赖以及生产环境依赖。避免产生交集。

1、开发过程需要注意 plugin 类型的依赖只能够用于本地开发进行 start build 的操作，作为项目的 devDependencies。生产环境不得依赖 plugin 的功能
2、生产环境只能够依赖 ssr-core-react， ssr-core-vue ，ssr-server-utils 这些库。ssr， ssr-webpack 这些库同样只用于本地开发构建使用

[zhangyuang]

下一步
1、官网建设
2、轻量级 vue 组件通信， provide/inject