micro-frontends-vue / async-routes

micro-frontends-vue async load routes demo

Home Page:https://micro-frontends-vue.github.io/async-routes/

Repository from Github https://github.commicro-frontends-vue/async-routesRepository from Github https://github.commicro-frontends-vue/async-routes

异步加载子项目路由

lerna

灵感来自于 用微前端的方式搭建类单页应用(@美团技术团队)

关联项目

设计目标

  1. 子项目支持单独开发,单独部署(避免前端巨无霸,多团队同时参与)
  2. 单一的入口 HTML(不同项目之间切换时无白屏现象)
  3. 支持多语言开发(JavaScript、TypeScript)

使用

详细教程

开发

# 安装依赖
npm run bootstrap

# 开发模式
npm run serve

# 打开: http://localhost:10240/

构建

# 生产构建
npm run build

About

micro-frontends-vue async load routes demo

https://micro-frontends-vue.github.io/async-routes/


Languages

Language:Vue 46.3%Language:JavaScript 42.5%Language:TypeScript 6.4%Language:HTML 4.8%