样式化组件生产中的空 cssrulesets

Question

我在我的网站上使用样式化组件构建了一个 React 设计库。我已经构建并发布到 npm。我在我的另一个应用程序上使用这个设计库，该应用程序也运行了一个样式化组件的实例。然后，这使我的应用程序在我的应用程序头部注入了 2 个样式标签。一个用于我的设计库，一个用于我在应用程序上创建的组件。当我在本地开发所有样式时，我可以看到 cssrules 应用于这两种样式。

但是当我为生产构建应用程序时，我只能看到 cssrules 被应用于我的应用程序样式而不是我的设计库。

样式表存在于 dom 中，但由于某种原因它是空的。

有人知道为什么会这样吗？

这是生产中样式表的控制台日志

Answer 1

我设法解决了这个问题，我将 styled-components 作为我的设计包的开发依赖项，并且只在我的生产环境中安装带有 npm install --production 的生产包。所以我通过将 styled-components 设置为依赖而不是 dev 依赖来解决这个问题