如何在样式组件配置中禁用供应商前缀？

Question

我styled-components在我的 React 项目中使用库。
我想在开发期间禁用供应商前缀的生成。
在这么多类似的属性中找到一个指定的 CSS 属性来切换它并在浏览器的开发工具中测试是非常麻烦的。
看看这张图片（借用一个关于相同的问题）

我在互联网上找到的任何东西都是使用disableVendorPrefixesStyleSheetManager 上的道具，这对我来说不是解决方案，因为：

1. 我不使用 StyleSheetManager
2. 我想把它作为配置放在我的开发 Webpack 配置文件中

我发现但不能满足我的需求的东西：

1. https://github.com/styled-components/styled-components/issues/719
2. https://github.com/styled-components/styled-components/issues/285

Answer 1

我处于你的情况，也没有使用 StyleSheetManager。由于StyleSheetManager是他们用于应用此类设置的机制，因此您可能需要重新考虑。只需将您的顶级组件包装在该组件中即可。如果您只想在开发模式下禁用供应商前缀，您可以像这样有条件地设置它......

import { StyleSheetManager } from 'styled-components'

<StyleSheetManager disableVendorPrefixes={process.env.NODE_ENV === 'development'}>
    <YourApp />
</StyleSheetManager>