如何解决微前端单spa样式指南策略中的全局共享css和组件
我正在研究微前端应用程序并轮到它来实现样式指南。
调查了我应该使用哪种策略来全局共享 css 和组件，但我仍然想知道。
策略：
内部设计系统：
实用程序微前端，包含所有共享的 CSS 和 Javascript 组件。从设计系统重新导出组件，以便所有其他微前端可以通过跨微前端导入来访问它们 import { Button } from '@wizzair/styleguide';
优点：
- 集中管理，可以与使用它们的微前端分开部署
缺点：
- 部署后，它会影响所有使用它的 MFE。这可能会导致错误。
NPM 包：
为您的样式指南创建实用程序微前端的替代方法是将其发布到 npm。
Npm 包不能独立部署，也不能单独部署，但对于风格指南，通常需要集中管理它，并且可以与使用它们的微前端分开部署。
优点：
- 版本控制
缺点：
- 可以更轻松地复制样式指南 MFE 之间有不同的版本
纳米 MFE
专用于特定样式或应用程序组件的微前端。例如：按钮的 MFE 将导出不同的按钮。
我应该使用什么策略？ 开放获取建议。
我应该使用什么策略？
接受推荐。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。