使用一个UI组件库具有多个不同主题的应用程序的NX
使用一个UI组件库具有多个不同主题的应用程序的NX
提问于 2022-01-19 21:44:23
我们正在为NX开发一个设计系统，将来可能会有多个应用程序(用nextjs编写)，它们都将使用一个组件库。所有的应用程序都需要有自己的主题，但是UI组件库中的所有组件都使用了一个默认主题。UI组件库需要访问每个应用程序的主题才能覆盖默认主题。我们想要使用的是scss/css模块为每个组件，然后可以定制每个应用程序。我们可以使用哪些工具或方法/技术来实现这一功能？
目录结构：
- /apps/site1/site1-theme -> {主字母：'red‘}
- /apps/site2/site2-theme -> {主字母：'blue’}
- /libs/ui-lib/components
UI库有一个按钮组件，默认颜色为绿色。当site1使用按钮时，site2应该是红色和蓝色。我们可以将主题对象作为道具传递给每个组件，但这将很繁琐，我们更愿意告诉ui库“这是我们的主题使用它”我们正在使用的技术是nx / typescript / nextjs / scss。
回答 1
Stack Overflow用户
发布于 2022-10-03 06:27:56
我们在反应中解决了这个问题。
我们已经创建了带有redux的主题库，在这里，我们为每个应用程序传递一个来自ThemeProvider后端的主题对象。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70778134
复制相关文章
相似问题
腾讯云开发者
