我还是个新手,但有些事情让我很困惑.
让我们来运行一个场景:
Team A个
- 使用TailwinCSS(按钮、窗体、对话框等)构建UI组件库
- 发布NPM包,其中导出
index.ts
和theme/tailwind.css
Team B个
-
npm install
A队图书馆.将theme/tailwind.css
导入他们的应用程序main.ts
(入口点).
在这一点上,他们的main.ts
应该已经
import { Button } from '@team-a/ui`
import '@team-a/ui/theme/tailwind.css` // tailwind classes coming from Team A
import `./theme/main.css` // tailwind CSS global file belonging to Team B
此时,在头部的<style>
个标记中,我们将有来自团队A和团队B的类,污染相同的全局命名空间.
你如何绕过这个问题?