# micro-front

**Repository Path**: jiang-xia/micro-front

## Basic Information

- **Project Name**: micro-front
- **Description**: vite2 vue3 ts qiankun 微前端 demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-02-12
- **Last Updated**: 2022-07-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目说明 micro-front

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

`main`是主项目，`app-hash`是`hash`模式路由的子项目，`app-history`是`history`模式路由的子项目

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

具体的原理分析和介绍可以看：[qiankun 微前端方案实践及总结](https://juejin.im/post/6844904185910018062) 和 [qiankun 微前端实践总结（二）](https://juejin.im/post/6856569463950639117)

## 运行和打包

在根目录下：

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

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

## !!! 首先，目前qiankun框架尚不支持vite
微应用不能使用vite创建,
即使只是生产环境加的载微应用也不行，
因为vite打包代码时，内部的esbuild会tree shake掉与qiankun相关的生命周期钩子，
主应用没影响，使用什么创建项目都无所谓