我有一个案例。我需要使用 Webpack Module Federation 插件将一个 Vue js 应用程序集成到另一个应用程序中。使用配置，我能够将组件分发到另一个应用程序（布局）。但是，我的应用程序的样式覆盖应用程序的布局样式时遇到问题。我使用 bootstrap 作为全局样式。它包含破坏布局样式的标签样式。如果我使用shdow root，我必须对代码进行相当多的更改，至少手动封装样式。其次，我封装在 shdow root 中的样式包含 :root 选择器，它不适用于影子根样式。是否可以通过简单、优雅的解决方案来解决样式问题？
使用 postcss-prefix-selector 模块添加前缀的解决方案帮助我解决了这个问题:) https://www.npmjs.com/package/postcss-prefix-selector