具有样式化组件的内联CSS

Question

我在Preact项目中使用了样式化的组件，如果我在其中插入了样式化的随机CSS类的index.html，效果很好。

我想注入内联CSS而不是将CSS类注入模板html。

Answer 1

从文档中

如果您是图书馆作者，建议您不要将样式组件模块与图书馆捆绑销售。您需要完成两个步骤：

在包依赖项中将样式化的组件标记为外部 从您的资料库包中删除样式化组件

这是因为styled-components包应该单例使用。项目中应该只存在一个版本的库（就像react或react-dom一样。）

要在库中执行此操作，必须将styled-components作为依赖项移至devDependencies或peerDependencies。 Docs。

只要有一个HTML文件可以在其中使用您的库（并且用户安装了样式化的组件），该库就可以正常工作。