webpack 是一个模块打包器，在它看来，每一个文件都是一个模块。 无论你开发使用的是 CommonJS 规范还是 ES6 模块规范，打包后的文件都统一使用 webpack 自定义的模块规范来管理、加载模块。本文将从一个简单的示例开始，来讲解 webpack 模块加载原理。 …

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属微前端群，赢在新的起跑线。 本文以字节跳动的微前端项目运行时隔离任务出发，深入讲解 sandbox（后称沙盒）的技术实现，以及上述实际实现过程中一些发生过的问题。把一些关键细节和多…

本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 本文是基于 qiankun 的微前端最佳实践系列文章之 从 0 到 1 篇，本文将分享如何使用 qiankun 如何搭建主应用基座，然后接入不同技术栈的微应用，完成微前端架构的从 0 到 1。 本教程采用 Vue 作为主…

最近在做微前端的项目 , 过程中真是踩了不少坑 , 在有限的资料中不断试错 , 默默无语两行泪 哈哈. 在此次将采坑部分都记录下来, 让更多的人少走点弯路 , 此项目使用 蚂蚁金服qiankun 为基础作为开发 . 话不多说 开讲 !!! qiankun 是一个基于 singl…

开发团队可以选择自己的技术并及时更新技术栈。 完成以上步骤，当你想部署到测试环境或者生产环境的时候，还需要配置nginx。

《揭秘 vivo 如何打造千万级 DAU 活动中台 - 启航篇》 主要为大家讲述 vivo 活动中台的能力与创新。 《悟空活动中台 - 微组件状态管理（上）》介绍了活动页内 RSC 组件之间的状态管理和背后的设计思路。 《悟空活动中台 - 微组件状态管理（下）》探索平台和跨沙箱…

随着 vivo 互联网用户量级不断增加，应用商店、官网商城、 游戏中心和浏览器等 vivo 官方产品相继进入存量用户运营时代。在这种大背景下，营销活动日益增多，传统活动开发模式已经不能满足井喷式且多样化的需求，项目开发和产品运营过程中遇到种种困难： 各 BU 业务不同，活动后台…

首先，必须先了解什么是微前端架构。 single-spa 就是其中一种实现微前端架构的方式，或者说是一门框架。 single-spa 是一个让你能在一个前端项目里面兼容多个框架或者项目的框架。 同一页面使用多个框架而无需刷新页面。 独立部署微内容。 使用新框架编写代码，而无需重…

经过各种技术调研我们最终选择的方案是基于 Single-SPA 来实现我们的前端微服务化. (兼容各种技术栈)在同一个页面中使用多种技术框架(React, Vue, AngularJS, Angular, Ember等任意技术框架),并且不需要刷新页面. (无需重构现有代码)使…