JS 库中的零运行时 CSS
零运行时 CSS 在 JS 库中。--- [![Build Status][build-badge]][build] [![Code Coverage][coverage-badge]][coverage] [![Version][version-badge]][package] [![MIT 许可证][license-badge]][license] ![所有贡献者][all-contributors-badge] [![PRs 欢迎][prs-welcome-badge]][prs-welcome] [![聊天][chat-badge]][chat] [![行为准则][coc-badge]][coc] [![Greenkeeper][greenkeeper-badge]][greenkeeper] [![由 Callstack 赞助][callstack-badge]][callstack] [![推文][tweet-badge]][tweet] 特性 - 在 JS 中编写 CSS，但无运行时，在构建时将 CSS 提取到 CSS 文件 - 与 Sass 类似的嵌套 CSS 语法 - 使用基于动态属性的样式与 React 绑定，在幕后使用 CSS 变量 - 通过 CSS 源地图轻松找到样式定义的位置 - 使用 stylelint 在 JS 中检查您的 CSS - 使用 JavaScript 进行逻辑处理，无需 CSS 预处理器 - 可选地使用任何 CSS 预处理器，例如 Sass 或 PostCSS - 支持原子样式，使用 @linaria/atomic 为什么要使用 Linaria 了解 Airbnb 如何通过 Linaria 提高开发者体验和 Web 性能 安装 sh npm install @linaria/core @linaria/react @wyw-in-js/babel-preset 或 sh yarn add @linaria/core @linaria/react @wyw-in-js/babel-preset 设置 Linaria 现在基于 wyw-in-js.dev 而构建。它支持在构建时提取 CSS 的各种打包工具。要配置您的打包工具，请参阅以下指南，这些指南位于 wyw-in-js.dev 网站上： - webpack - esbuild - Rollup - Vite - Svelte 请参阅配置以自定义 Linaria 如何处理您的文件。稳定性 Linaria 依赖 WyW (@wyw-in-js/) 在构建时评估您的模块并提取 CSS。如果您遇到诸如构建速度慢、无效化风暴或在构建期间执行意外代码等问题，通常与 WyW 评估模型以及您的模块结构有关。Linaria 8 需要 Node.js =22.12.0（与 WyW 2 / Oxc 依赖图相一致）。WyW 2 默认为 eval.strategy: "hybrid"，因此静态可证明的值在回退到评估器处理动态值之前被解析。如果您的构建依赖于仅在评估器中产生的副作用或精确的 CSS 规则顺序绑定，请查看 Linaria 8 迁移 n…
暂无开放 Issues，或尚未同步最近议题。