【发布时间】:2020-02-24 02:49:34
【问题描述】:
我在我的 Preact 项目中使用了样式化组件,如果我有 index.html 在其中注入样式化的随机 CSS 类,它就可以正常工作。
我想注入内联 CSS,而不是向我的模板 html 注入 CSS 类。
【问题讨论】:
-
你想用这个做什么?电子邮件?
-
对于我们只有 JS 文件的库,不要有 CSS 或 HTML 文件
我在我的 Preact 项目中使用了样式化组件,如果我有 index.html 在其中注入样式化的随机 CSS 类,它就可以正常工作。
我想注入内联 CSS,而不是向我的模板 html 注入 CSS 类。
【问题讨论】:
来自文档:
如果您是库作者,我们建议您不要将 styled-components 模块与您的库捆绑在一起。要实现这一点,您需要执行两个步骤:
在你的包依赖中将 styled-components 标记为 external 从你的库包中移除 styled-components
这是因为styled-components 包应该被用作单例。一个项目中应该只存在一个版本的库(就像react 或react-dom)。
要在您的库中执行此操作,您必须将 styled-components 作为依赖项移动到 devDependencies 或 peerDependencies。 Docs.
只要有一个 HTML 文件用于您的库(并且用户安装 styled-components),该库就可以正常工作。
【讨论】: