如何处理 monorepo 中的 css 中断？

Question

我有 monorepo，两个团队检查 repo 并处理里面的应用程序。

• foo 团队致力于app1
• 酒吧团队在app2工作。

我的项目结构如下：

  apps
   app1
   app2
  packages
   pkg1
   pkg2
   pkg3
  lerna.json

项目之间的关系是：

 app1 -> pkg2, pkg3
 app2 -> pkg3

pkg3 在两个应用程序（app1、app2）之间共享。并且在pkg3 中有按钮。

foo 团队将 css 类添加到按钮：background:blue，并提交并推送。

酒吧团队在第二天，从大师那里拉出最后一个版本，他们认为蓝色对他们不利，所以他们改为红色。 (background:red)。之后他们会提交并推送。

foo 团队采用最后一个版本，他们看到按钮颜色已更改。 （在最坏的情况下，他们直到为时已晚才看到它）。

我的问题是如何预防或处理这种情况？我不认为测试会有答案，因为它是 css。那么有什么办法可以解决呢？

附言 我在考虑不要在按钮内部而是在外部设计样式 - 但从长远来看，它不会粘住，有人会忘记。

Answer 1

如果您要拥有一个包含设计元素的共享模块，那么从事它的人员需要对待它就像一个共享模块。 p>

任何人都不应该对其进行重大更改，尤其是在像“按钮”这样通用的元素上。

每个人都应该在一个共享的design language 上工作，并且应该在团队之间就其更改达成一致（或从组织中的更高级别传递）。