0

我在设置它时很吃力，所以我想我会分享我的内识。

基本上，我想要一个带有 NX 的 UI 工具包/组件库，可以与例如带有 react 的 webapp 和使用 Next.js 构建的网站共享。

我遇到了这个错误：

Failed to compile
../../libs/shared-ui/src/lib/shared-ui.module.css
CssSyntaxError

([object Object]:[object Object]) Selector "*,
::before,
::after" is not pure (pure selectors must contain at least one local class or id)

[...]这是因为您试图将 Tailwind 的基本样式放在 CSS 模块中，而 CSS 模块不能包含这些类型的规则。这就是 CSS 模块的工作原理，您不应该将 Tailwind 的基本样式放在模块中，这两个概念不兼容。[...]

https://github.com/tailwindlabs/tailwindcss/issues/6717#issuecomment-1000805774

4

1 回答 1

0

此分支包含基本设置： https ://github.com/DanielSoCra/test-nx/tree/tailwind-shared-lib

基本上，我不必在 lib 中导入 css，而是在应用程序/网站和应用程序/webapp 中分别导入。对于 postcss 和 tailwind 的其余配置，请参阅存储库。

于 2021-12-25T12:39:53.357 回答