问在生产环境中禁用displayName
EN

Stack Overflow用户

提问于 2019-04-06 15:40:43

回答 1查看 963关注 0票数 1

我在CRA2.0应用程序中使用styled-components 4.0。默认情况下，组件名称显示在DOM中，如下所示

<button class="Button-asdf123 asdf123" />

而不是仅仅

<button class="asdf123" />

它对开发非常有帮助。我想知道，我如何在生产环境中禁用添加到类的组件名称，因为它是多余的？

发布于 2019-04-08 23:52:37

根据styled components doc的说法，你应该能够通过巴别塔插件的选项来控制它

基本上，您用于生产构建的webpack配置应该如下所示

{
  "plugins": [
    [
      "babel-plugin-styled-components",
      {
        "displayName": false
      }
    ]
  ]
}

由于您使用的是CRA，所以您可能无法访问您的webpack配置，除非您弹出(如果我没记错)。

如果您使用的是styled components宏，则应该能够通过将此配置放入其中一个文件indicated here中而无需弹出即可执行此操作

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55546915

复制

相似问题

问在生产环境中禁用displayNameEN