micro-app 是借鉴了 WebComponent 的思想，通过 CustomElement 结合自定义 ShadowDom，将微前端封装成一个类 WebComponent 组件，从而实现组件化。

随着项目的发展，前端SPA应用的规模不断加大、业务代码耦合、编译慢，导致日常的维护难度日益增加。同时前端技术的发展迅猛，导致功能扩展吃力，重构成本高，稳定性低。 为了能够将前端模块解耦，通过相关

微前端架构以其独特的灵活性和可扩展性，成为现代前端工程的热点。本文使用vue3,从0到1实现无界微应用项目的开发

所以我们需要分模块打包,把我们想要组合在一起的组件打包到一个 chunk块中去,分模块打包需要下面这样使用 webpack的 require.ensure,并且在最后加入一个 chunk名,相同 chunk名字的模块将会打包到一起。 webpack 在编译时，会静态地解析代码中…

动态组件搭配异步导入作为webpack编译组件的基础，提高代码可读性的同时使项目更加轻量且简洁。本文介绍在Vue项目开发中，动态组件、异步导入过程及实践。