问使用Create React App调试样式组件
EN

Stack Overflow用户

提问于 2019-02-19 09:40:45

回答 1查看 964关注 0票数 2

我已经在我的Create React App中安装了样式化的组件，一切正常，但默认情况下，它附加到元素的类名看起来并不是基于样式化的组件名称(即.MyButton应该创建一个具有类MyButton-134as23f的元素)。

在样式化组件文档中，它说要安装babel-plugin-styled-components，然后配置.babelrc文件，然而，据我所知，我们只有从应用程序中弹出才能访问该文件。

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

发布于 2019-02-19 10:57:25

我找到了一个答案：

因为Create React App是一个零配置应用程序，所以向.babelrc文件添加任何内容的唯一方法就是从React中弹出。

显然，我想保留我所有的工具，结果遇到了babel-plugin-macro。它本质上是一种让用户在编译时运行库的方法，而不必事先配置他们的Babel文件。

因此，在将其安装到我的devDependencies之后，我将导入路径更改为import styled from 'styled-components/macro，并且您通常需要弹出的所有Babel插件功能都是带有样式组件的标准组件。

如果你对我的回答有任何疑问或困难，请告诉我。

希望这能有所帮助！

票数 1

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

原文链接：

https://stackoverflow.com/questions/54757701

复制

相似问题

问使用Create React App调试样式组件EN