Skip to content

wilmerxu/qiankun-vue-demo

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

项目说明 qiankun-vue-demo

qiankun来实现vue技术栈的前端微服务

main是主项目,app-vue-hashhash模式路由的子项目,app-vue-historyhistory模式路由的子项目

qiankun的开发和打包和正常模式一模一样,它使用一个全局变量__POWERED_BY_QIANKUN__来区分微前端模式和正常模式,不需要额外的配置和代码。

具体的原理分析和介绍可以看:qiankun 微前端方案实践及总结qiankun 微前端实践总结(二)

运行和打包

在根目录下:

先安装依赖: npm install,再执行npm run install-all为所有项目安装依赖,最后执行npm run start-all即可启动所有的项目。

npm run build-all可以打包所有vue项目,jQuery项目不需要打包。

分支介绍

  • master 分支: qiankun 的常规基础用法
  • feature/keep-alive 分支 :使用 loadMicroApp 来实现 keep-alive
  • feature/share-component 分支 :项目间共享组件的例子
  • develop 分支 :修改源码来实现 keep-alive,以及公共依赖的复用的例子

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 55.3%
  • JavaScript 35.3%
  • HTML 9.4%