有没有办法将 postcss 与样式组件一起使用？

Posted 2023-03-06

【中文标题】有没有办法将 postcss 与样式组件一起使用？

【英文标题】：is there a way to use postcss with styled-components?

【发布时间】：2017-06-29 18:02:36

【问题描述】：

在为 React.js 组件设置样式时，有没有办法将 postcss 与 styled-components 一起使用？ 我正在使用像 px-to-rem 和背囊 css 响应字体这样的 postcss 插件，它们非常棒，我不想放弃它们。有没有办法将两者结合起来？

【问题讨论】：

见github.com/styled-components/styled-components/issues/62

我读过它，它很模糊。如果这是唯一引用相关的来源，我会说答案是否定的，在使用样式化组件时无法使用 postcss 插件，但也许将来有可能......弄错了吗？因为这是一个插件生态系统，人们努力开发并依赖于他们的项目，这些插件被要求为能够使用样式组件而牺牲......

【参考方案1】：

目前没有this issue。

来自 stytled components 的 Max Stoiber 不止一次表示，这些工具应该是 JS 函数，而不是更多的工具。如果我没记错的话，请在this talk 上。好消息是他们已经在尝试移植它。

我们正在开发一个“标准库”，其中包含各种有用的函数，例如 px2rem。即将发布，快完成了

所以简而言之，如果您现在需要类似的东西，您可能应该在 postCss 上找到执行此操作的函数并自己使用它。

另一种选择是暂时采用混合方法，使用 postCss 处理这些内容，并传递 styled-component 类和 postCss 类。