Skip to content

EffCSS 自信的 CSS-in-TS

以新的方式来看看样式

Package Phobia 报告比较 ​

以下是根据包裹恐惧症报告整理的类似包裹的大小。大小单位为KB。

{"data":[{"key":"effcss","v":"6.0.0","style":"font-weight:bold;","install":39.8,"publish":39.8,"name":1},{"key":"styled-components","v":"6.6.0","install":3665.92,"publish":2129.92,"name":2},{"key":"less","v":"4.9.1","install":5724.16,"publish":3184.64,"name":3},{"key":"sass","v":"1.105.2","install":7966.72,"publish":5847.04,"name":4},{"key":"@emotion/css","v":"11.13.5","install":10342.4,"publish":267,"name":5}],"minSize":{"r":"0px","t":"0px","b":"0px"},"series":{"def":{"title":"Publish size","field":"publish","color":"var(--vp-home-hero-name-color)"},"sec":{"title":"Install size","field":"install","color":"var(--vp-c-brand-2)"}}}
  1. effcss - 6.0.0
  2. styled-components - 6.6.0
  3. less - 4.9.1
  4. sass - 1.105.2
  5. @emotion/css - 11.13.5
{"data":[{"key":"effcss","v":"6.0.0","style":"font-weight:bold;","install":39.8,"publish":39.8,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;font-weight:bold;\"><div>effcss</div><div>v6.0.0</div></div>"},{"key":"styled-components","v":"6.6.0","install":3665.92,"publish":2129.92,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>styled-components</div><div>v6.6.0</div></div>"},{"key":"less","v":"4.9.1","install":5724.16,"publish":3184.64,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>less</div><div>v4.9.1</div></div>"},{"key":"sass","v":"1.105.2","install":7966.72,"publish":5847.04,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>sass</div><div>v1.105.2</div></div>"},{"key":"@emotion/css","v":"11.13.5","install":10342.4,"publish":267,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>@emotion/css</div><div>v11.13.5</div></div>"}],"minSize":{"r":"0px","t":"0px","b":"0px"},"series":{"def":{"title":"Publish size","field":"publish","color":"var(--vp-home-hero-name-color)"},"sec":{"title":"Install size","field":"install","color":"var(--vp-c-brand-2)"}}}{"data":[{"key":"effcss","v":"6.0.0","style":"font-weight:bold;","install":39.8,"publish":39.8,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;font-weight:bold;\"><div>effcss</div><div>v6.0.0</div></div>"},{"key":"styled-components","v":"6.6.0","install":3665.92,"publish":2129.92,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>styled-components</div><div>v6.6.0</div></div>"},{"key":"less","v":"4.9.1","install":5724.16,"publish":3184.64,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>less</div><div>v4.9.1</div></div>"},{"key":"sass","v":"1.105.2","install":7966.72,"publish":5847.04,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>sass</div><div>v1.105.2</div></div>"},{"key":"@emotion/css","v":"11.13.5","install":10342.4,"publish":267,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>@emotion/css</div><div>v11.13.5</div></div>"}],"minSize":{"r":"0px","t":"0px","b":"0px"},"series":{"def":{"title":"Publish size","field":"publish","color":"var(--vp-home-hero-name-color)"},"sec":{"title":"Install size","field":"install","color":"var(--vp-c-brand-2)"}}}

根据 Apache-2.0 许可证发布。