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

【问题标题】：How to disable vendor prefixes in styled-components configuration?如何在样式组件配置中禁用供应商前缀？
【发布时间】：2020-10-28 12:46:15
【问题描述】：

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

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

我不使用 StyleSheetManager
我想将此作为配置放在我的开发 Webpack 配置文件中

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

【问题讨论】：

您找到解决方案了吗？现在有同样的问题。
可惜没找到，我就呆在这个污水池里

标签： webpack configuration styled-components vendor-prefix

【解决方案1】：

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

import { StyleSheetManager } from 'styled-components'

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

【讨论】：