分享此demo仅便于学习和解决项目开发上的问题,demo只使用了VUE框架。项目统一使用最外层pagekage.json
安装插件来实现项目一致性,遇到特定第三方插件单独在项目pagekage.json
配置。项目主要采用history + [hash || history]
,子项目有使用cdn加速的案例。
如下解决一些问题:
- 多应用间公用组件开发
- 相同VUE配置环境开发环境
- 切换应用后不需要重新加载应用
$ npm install
$ npm run projects:install
$ npm run projects:start
http://localhost:8090
$ npm run projects:build
root/
common/
components/ 公用组件
layouts/
dist/ 打包后的目录
vue-custom-router/
vue-hash/
vue-history-cdn/
vue-main/
projects/
vue-custom-router/ 子应用 -- router模式可由主应用配置
vue-hash/ 子应用 -- hash模式
vue-history-cdn/ 子应用 -- history模式 + cdn加速
vue-main/ 主应用 -- qiankun
package.json