【问题标题】:Inline CSS with Styled Components带有样式组件的内联 CSS
【发布时间】:2020-02-24 02:49:34
【问题描述】:

我在我的 Preact 项目中使用了样式化组件,如果我有 index.html 在其中注入样式化的随机 CSS 类,它就可以正常工作。

我想注入内联 CSS,而不是向我的模板 html 注入 CSS 类。

【问题讨论】:

  • 你想用这个做什么?电子邮件?
  • 对于我们只有 JS 文件的库,不要有 CSS 或 HTML 文件

标签: styled-components preact


【解决方案1】:

来自文档:

如果您是库作者,我们建议您不要将 styled-components 模块与您的库捆绑在一起。要实现这一点,您需要执行两个步骤:

在你的包依赖中将 styled-components 标记为 external 从你的库包中移除 styled-components

这是因为styled-components 包应该被用作单例。一个项目中应该只存在一个版本的库(就像reactreact-dom)。

要在您的库中执行此操作,您必须将 styled-components 作为依赖项移动到 devDependenciespeerDependenciesDocs.

只要有一个 HTML 文件用于您的库(并且用户安装 styled-components),该库就可以正常工作。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-09-27
    • 2012-04-03
    • 1970-01-01
    • 2011-07-14
    相关资源
    最近更新 更多