基于single-spa的微前端demo（子模块框架基于react和vue）

基于single-spa的微前端demo（子模块框架基于react和vue）

micro-frontend-demo

基于single-spa的微前端demo（子模块框架基于react和vue）

demo结构

coexist: 微前端注册启动器模块kitchen-vue: 微前端整合框架模块（vue）food-vue: food业务模块（vue）fruit-vue: fruit业务模块（vue）drink-react: drink业务模块（react）

安装

cd xxxnpm install

运行

kitchen-vue, food-vue, fruit-vue

// 项目单独运行npm run dev// 微服务打包npm run build:umd// 项目运行 && 打包输出作为微服务资源（推荐）npm run combo

drink-react 由于是用create-react-app生成，反编译的webpack配置，所以与vue项目稍有不同

// 项目单独运行npm start// 微服务打包npm run build:umd// 微服务打包 && 运行（推荐）npm run combo

coexist 简单的作为静态资源服务

npm start

备注

微服务整合：

http://localhost:8000

业务框架：

http://localhost:8080

food业务：

http://localhost:8081/food

fruit业务：

http://localhost:8082/fruit

drink业务：

http://localhost:3000 （单独项目运行）http://localhost:8083/drink (微服务运行)

for fun :)

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。