xluos / genesis

🔥基于 Vue SSR 的微前端、微服务、轻量级的解决方案🔥

Home Page:https://fmfe.github.io/genesis-docs/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Build Status Coverage Status npm npm npm

架构图

Genesis 是什么?

  • 它只是一个基于 Vue SSR 的渲染库,它提供了 ssr-htmlssr-jsoncsr-htmlcsr-json 四种的渲染模式。
  • HTML 渲染模式,可以提升首屏的渲染速度以及对 SEO 更加的友好。
  • JSON 渲染模式,可以提供给 VueEJSReact 等等,进行服务端渲染或者客户端渲染。
  • 微架构 通过 JSON 渲染模式,提供 API 接口,不管是微前端,还是微服务,都可以让其它服务对结果进行渲染。

快速开发

yarn
yarn dev # 开发
yarn build # 构建生产包
yarn start # 运行生产包
# open http://localhost:3000

文档

Codesandbox

demo

核心库说明

核心库 版本号 下载量 说明
genesis-core npm npm 提供基础的插件机制、SSR渲染逻辑、程序配置
genesis-compiler npm npm 仅限开发环境使用,负责编译程序以及在开发时编译,处理webpack的核心逻辑
genesis-app npm npm 快速创建应用,包装了 vue-router ,在微前端应用时支持多个 Router实例时特别有用
genesis-remote npm npm 远程组件,实现微前端的核心依赖
genesis-lint npm npm 一个代码规范的集成,包含了eslint和stylelint

有哪些公司在使用

About

🔥基于 Vue SSR 的微前端、微服务、轻量级的解决方案🔥

https://fmfe.github.io/genesis-docs/

License:MIT License


Languages

Language:TypeScript 93.3%Language:JavaScript 5.9%Language:Vue 0.6%Language:Shell 0.2%