Vue 微前端开发的七大神器 _Vue

免责声明
本文属于是语冰的直男翻译，略有删改，仅供粉丝参考，英文原味版请临幸 7 Best Tools for Vue.js Micro Frontends[1] 。

微前端彻底改变了 Web App 的构建和维护方式。使用正确的工具集，Vue 爱好者可以轻松克服微前端的“管理危机” ，并释放组件驱动开发的全部潜力。
虽然但是，选择最佳工具集是一项挑战，因为有一大坨具有不同功能的工具。因此，在本文中，我将探讨 Vue 微前端的七种人气工具，辅助您入股 Vue 微前端的最佳工具。
1. Bit（比特）

文章插图
Bit[2] 是一个独特的工具，具有强大的组件共享和协作功能。它允许开发者采用组件驱动开发，将具有较小自治组件的产品组合为松耦合协同工作的微应用程序。
它使开发者更容易构建和迭代不同的 App 部分，因为每个组件都是在分离关注点的情况下开发的，并且是独立发布的。
对于团队而言，拆分产品所有权并自主并肩工作也更简单，而无需在开发过程中耦合。组织可以分配职责并有效地协作处理组件，以大规模组合产品。
借助 Bit，开发者可以在集成开发环境中设计、开发和测试 Vue 组件，其中包含每个组件的单独源文件、依赖、元数据和配置。您可以始于足下，在项目外部构建新功能并向 App 添加组件，或者将现有功能提取并转换为自治组件。
功能特性：

将 Vue App 的开发拆分为松耦合组件，这些组件可用作微应用。组件可以是功能、UX/UI、边缘函数、逻辑和其他任何东西。
App 中每个组件的独立版本控制和更新，使团队能够大规模获得更大的自主权。
支持构建时和运行时集成，包括 single-spa 和模块联邦。
在多个 App 间共享和复用微前端，并在组件级别跨应用编排更新和更改。
提供集中式组件中心，实现团队内部的高效协作，内置支持自动化文档，实现可发现性。
支持组件版本控制和依赖管理。
与测试框架集成，使开发者能够独立测试其 Vue 组件。
支持创建组件库。

2. Single-SPA

文章插图
Single-SPA[3] 是一个强大的工具，用于在 Vue App 中编排微前端。它提供了一种灵活且可扩展的方法来构建模块化 App，允许不同的 Vue App 或微前端共存并无缝协作。Single-SPA 的框架不可知性增加了与其他前端框架集成的灵活性，使其成为复杂项目的多功能选择。
功能特性：