reactjs – 在create-react-app中安装babel-plugin-styled-components

我正在尝试将styled-components-babel-plugin与create-react-app应用程序一起使用,以便在我的chrome dev工具中将组件名称作为classname.但不知何故,我没有让类名改变.我安装了Babel和网站上描述的插件,并创建了我的.babelrc,如下所示：

{
  "presets": ["env"],
  "plugins": ["babel-plugin-styled-components"]
}

我尝试了很多预设组合(包括react-app)和其他babel配置,也尝试在package.json中进行,但我无法让它工作.问题是,我从未使用过babel而且几乎不知道,为什么我需要它.所以我不知道,如果我在babel或样式组件方面犯了错误.有没有人有一个带有工作样式组件babel插件的示例项目？

创建反应应用程序v2支持babel宏.样式组件宏有一个 NPM package.只需添加包以创建反应应用程序即可完成.

yarn add styled-components.macro --dev

这样做不需要弹出CRA.