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

时间:2019-02-19 01:40:45

标签: reactjs styled-components

我已经在我的Create React App中安装了样式化组件,并且一切正常,但是默认情况下,看起来好像它附加到元素上的类名不是基于样式化组件名(即{ {1}}应该使用类MyButton创建一个元素。

在样式化组件文档中,它说要安装MyButton-134as23f,然后配置babel-plugin-styled-components文件,但是,据我了解,直到弹出该文件,我们才可以访问该文件从应用程序中。

那么我在Create React App中开发应用程序时如何调试样式化的组件?

1 个答案:

答案 0 :(得分:0)

我能够找到答案:

由于Create React App是一个零配置应用程序,因此向.babelrc文件中添加任何内容的唯一方法是从React中弹出。

很显然,我想保留所有工具,并遇到babel-plugin-macro。这实际上是用户在编译时运行库的一种方式,而无需事先配置其Babel文件。

因此,将其安装到我的devDependencies之后,然后将导入路径更改为import styled from 'styled-components/macro,而通常需要弹出的所有Babel插件功能是样式化组件的标准配置。

让我知道您是否对我的回答有任何疑问或麻烦。

希望这会有所帮助!