Reactjs 使用Create-React-App调试样式化组件

我已将样式化组件安装到我的Create React应用程序中，一切正常，但默认情况下，它附加到元素的类名似乎不是基于样式化组件名（即

MyButton

应使用类

MyButton-134as23f

创建元素）

在Styled Components文档中，它说要安装

babel插件Styled Components

，然后配置

.babelrc

文件，然而，据我所知，我们只有从应用程序中弹出才能访问该文件

---

那么，在Create React app中开发应用程序时，如何调试样式化组件呢？

我找到了一个答案：

由于createreact应用程序是一个零配置应用程序，因此向

.babelrc

文件添加任何内容的唯一方法是从React中弹出

很明显，我想保留我所有的工具，我遇到了。它本质上是用户在编译时运行库的一种方式，而无需事先配置Babel文件

因此，在将其安装到我的devdependences之后，我将导入路径更改为从“styled components/macro”导入styled，并且通常需要弹出的所有Babel插件功能都是带有样式化组件的标准功能

如果您对我的答案有任何疑问或问题，请告诉我

希望这有帮助