我已经在我的Create React App中安装了样式化组件,并且一切正常,但是默认情况下,看起来好像它附加到元素上的类名不是基于样式化组件名(即{ {1}}应该使用类MyButton
创建一个元素。
在样式化组件文档中,它说要安装MyButton-134as23f
,然后配置babel-plugin-styled-components
文件,但是,据我了解,直到弹出该文件,我们才可以访问该文件从应用程序中。
那么我在Create React App中开发应用程序时如何调试样式化的组件?
答案 0 :(得分:0)
我能够找到答案:
由于Create React App是一个零配置应用程序,因此向.babelrc
文件中添加任何内容的唯一方法是从React中弹出。
很显然,我想保留所有工具,并遇到babel-plugin-macro。这实际上是用户在编译时运行库的一种方式,而无需事先配置其Babel文件。
因此,将其安装到我的devDependencies之后,然后将导入路径更改为import styled from 'styled-components/macro
,而通常需要弹出的所有Babel插件功能是样式化组件的标准配置。
让我知道您是否对我的回答有任何疑问或麻烦。
希望这会有所帮助!