作为一个团队领导者，需要经常帮助组员解决各类阻塞问题。 而我一直从事后端的开发，导致对前端的知识储备并没有那么丰富（实际很简陋）。 鉴于当下流行的开发模式几乎都是前后端分离的，为了组建...

我们的业务主要是做一些中后台的前端项目，有两个特点：生命周期长、代码量庞大，这带来了技术栈落后、编译部署慢两个问题。虽然我们之前在编译缓存上做了些努力，但是治标不治本，在项目极大的情况下编译时间还是不够理想。因此，微前端应该是唯一的解决方案了。 于是我们做了一些微前端的技术调研…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 大家好，今天由我带来前端早早聊本次微前端专题的最后一场，《如何设计实现微前端框架 - qiankun》。首先呢，我做一个简单的自我介绍。 我叫方涣，在一些…

因为主项目和子项目都是用的 vue 开发，所以使用 vue-cli4 创建项目，创建 2 个项目，一个主项目，一个子项目。 下面正常开始编写项目，我之前也在网上看了好多 demo 和实际项目，大家主项目都是直接把乾坤的代码放在 main 里面。然后在 app.vue 中用 v-…

天地混沌，洪荒初开。应业务之需，初探乾坤（qiankun）。 公司项目采用react、angular框架，功能复杂繁多，导致项目结构复杂、代码量巨大。为了进一步验证qiankun方案是否可行，确定一下调研目标： 主基座搭建sub-main，子项目搭建react-sub、reac…

本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 本文将针对微前端框架 qiankun 的源码进行深入解析，在源码讲解之前，我们先来了解一下什么是 微前端。 微前端 是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小…

winstack 项目改造背景：winstack项目由多项目组合起来，如kv、winstore、安全中心、存储、运维、网络、系统多个模块，像kv项目使用 angular技术, winstore、安全中

这一步相对比较麻烦，现有的子应用在页面代码中都写了 /apis 的前缀，如果不是在统一的地方处理的，改动起来会非常麻烦。基于现状，我们用了一个取巧的方式：拦截所有 Ajax 请求，并根据需要修改其前缀。具体代码如下 经过以上步骤，子应用已经可以支持子路径的访问了，但这里还少了一…

前言 该项目是 vue2 基座 + vue2 子模块(module federation) + vue3 子应用，需要解决 vue2 基座与 vue3 子应用之间的 vuex 数据共享。 思路：借助于