深圳幻海软件技术有限公司

Part01  什么是微前端  微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。微前端借鉴了微服务的架构理念，将一个庞大的前端应用拆分为多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应

微前端微前端，前端这次词就不用多做解释了，这个概念的重点在于这个“微”字，从字面意义上看，微是小的意思，小是相对于大的一个用于比较的形容词，所以通常是在项目庞大的情况下，才会考虑将它变小，去考虑将它拆分成若干个小项目。这就是做微前端所要达到的主要目标，将庞大的项目拆分成多个独立运行、独立部署和独立开

一个前端应用能够单独跑，也能被作为一个模块集成到另一个应用里，这种架构方式就叫做微前端。它在前端领域能解决一些特定的问题：中后台系统中，有一些别的技术栈开发的历史模块，但是希望能够在入口里集成进来。sass类的前端应用，业务比较复杂，可能模块很多，希望能拆分成多个应用独立维护，也能够集成到一起。跨技

背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升，而紧急发布时要求是越短越好，这是矛盾的。另一方面当一个代码库集成了所有功能时，日常协作绝对是非常困难的。而且最近十多年，前端技术的发展是非常快的，每隔两年就是一个时代，导致同志们必须

一、微前端背景（一）什么是微前端微前端提供了一种技术：可以将多个独立的Web应用聚合到一起，提供统一的访问入口。一个微前端应用给用户的感观就是一个完整的应用，但是在技术角度上是由一个个独立的应用组合通过某种方式组合而成的。图片为了防止概念有点抽象，可以看一个具体的例子：上图是一个微前端的demo，主

“尝试一下Ember”他们说，“那会很有趣”。你知道万维网最初的设计理念吗?利用超链接连接文档。总体思路相当简单：网页浏览器从服务器请求一个文档，下载其内容并将其显示在屏幕上(通过CSS进行视觉增强)。给定文档中的超链接指向另一个含新内容的文档，然后形成信息网。网页浏览器、爬虫程序、社交媒体和整个网

今年做了大量的HTML5项目，遇到了很多坑。在这个过程中学到了一些之前不具备的知识，所以这篇文章就简单分享一下这方面的话题。传统的MPA首先，说一个比较古老的东西，叫做MPA。MPA的全称是Multi-pageApplication，意思是整个应用（站点）由多个完整的html构成。用户在页面1点击跳