文件名称:css-zero:零运行时CSS-in-JS
文件大小:353KB
文件格式:ZIP
更新时间:2024-05-22 07:00:13
JavaScript
CSS-零 特征 编写CSS-in-JS的所有好处,但运行时代码为零 使用熟悉CSS语法编写样式 生成优化的原子CSS,没有重复的样式规则 基于应用程序顺序而不是层叠的样式解析 支持CSS模块的应用程序的零配置服务器端呈现 样式易于组合,通过静态分析消除了属性名称冲突 通过CSS变量支持主题,使主题化的成本与调色板的大小成正比 快速解析样式,与JS分开下载和解析CSS。 无需JavaScript,就可以工作,因为样式是在构建时提取的。 这些好处是使用CSS-in-JS的更一般的好处的补充: 范围选择器,避免样式的意外冲突 与组件共置的样式减少了上下文切换 更改/删除样式时信心十足地进行重构 像普通的JS变量一样,使用EsLint检测未使用的样式 使用React的声明式动态样式 安装 由于CSS-Zero没有运行时,因此可以将其纯粹作为devDependency安装: npm ins
【文件预览】:
css-zero-master
----yarn.lock(254KB)
----src()
--------babel()
--------macro()
--------index.d.ts(287B)
--------StyleSheet.js(965B)
--------index.js(383B)
----macro.d.ts(23B)
----example()
--------public()
--------src()
--------README.md(3KB)
--------.gitignore(11B)
--------package-lock.json(514KB)
--------package.json(677B)
----LICENSE(1KB)
----README.md(3KB)
----.gitignore(101B)
----package-lock.json(227KB)
----package.json(1KB)
----macro.js(62B)