微前端
14篇文章 · 0订阅
  • 字节跳动是如何落地微前端的
    微前端是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用。本文对微前端的原理和实践进行了详细的描述，并预告Modern.js即将开源～
    前端 架构
    字节跳动是如何落地微前端的
  • nextjs初探之微前端
    当前讨论的范围为主子应用都为nextjs。 此文档作为调研的一部分总结，有很多没考虑的点希望大家指出。 背景 在对项目进行模块拆分时也希望对一些web服务进行拆分。 比如一些独立的应用可以通过微前端的
    前端
  • 微前端 + Monorepo 架构：记录 Turborepo + Next.js + React + qiankun 的实践
    微前端 + Monorepo 架构实践：基于 Turborepo + Next.js + React + qiankun 在当今的前端开发领域，微前端结合 Monorepo 架构的应用愈发广泛，它能有
    前端
    微前端 + Monorepo 架构：记录 Turborepo + Next.js + React + qiankun 的实践
  • 微前端方案 qiankun 的样式隔离能不用就别用吧，比较坑
    qiankun 是主流的微前端方案，其他的还有京东的 micro-app、腾讯的 wujie 等。 微前端就是可以一个页面跑多个 vue、react 甚至 jquery 等不同项目，它之间的 JS、C
    前端 JavaScript CSS
    微前端方案 qiankun 的样式隔离能不用就别用吧，比较坑
  • 基于qiankun的微前端实践
    若干子应用接入问题： 1.子应用不能直接对外暴露，如果附着在主应用，如何处理代理 2.浏览器的Route路径需要处理，满足既能匹配主项目，又能匹配子项目 3.静态资源需要处理，满足可以直接访问到子应用
    • wwyz
    • 3年前
    • 511
    • 评论
    前端
  • 【实战】umi3.x+qiankun+模块联邦 搭建微前端应用（三）— 项目部署
    这是本系列的最后一章，先来回顾一下：上一章节我们主要是集成了webpack5 中的 module-federation 实现了各应用间公共组件和公共方法的实时共享，这里主要讲讲如何部署
    前端 前端框架
  • 【实战】umi3.x+qiankun+模块联邦 搭建微前端应用（二）— 集成qiankun
    前言 这是 umi3.x+qiankun+模块联邦 搭建微前端应用 系列的第二章，我们先来回顾一下：上一章节我们主要是搭建了一个微前端的基础框架，并实现了一个类似浏览器页签切换的功能
    前端框架 架构
  • 【实战】umi3.x+qiankun+模块联邦 搭建微前端应用（一）— 项目初始化
    前言 终于要对我们公司的“巨石”项目动手改造了，该项目是基于umi@3.5.27框架搭建的，目前已经有上百个路由了，每次在这上面搬砖都是一次痛苦的煎熬。
    前端框架 前端
  • qiankunjs微前端框架详解
    简介 qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单的构建一个生产可用微前端架构系统。 qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台。
    前端 JavaScript
    qiankunjs微前端框架详解
  • 15分钟快速理解qiankun的js沙箱原理及其实现
    qiankun框架为了实现js隔离，提供了三种不同场景使用的沙箱，分别是 snapshotSandbox、proxySandbox、legacySandbox。 从名字上我们可以理解快照就是给你着一张相片，来记录你此刻的状态。qiankun的快照沙箱是基于diff来实现的，主要…
    React.js