Stylex: 基于原子化的 CSS-in-JS 解决方案

Stylex 是一种 CSS-in-JS 解决方案,其设计理念源于 Facebook 并借鉴了原子化 CSS 的优势。Stylex 致力于在保留传统 CSS 语法和开发者习惯的同时,提高代码的可维护性,尤其是在大型项目中。

使用 Stylex

  1. 安装 Stylex 包:
    • Yarn: yarn add @ladifire-opensource/stylex
    • NPM: npm install @ladifire-opensource/stylex
  2. 安装对应打包器的插件:
    • Webpack: yarn add @ladifire-opensource/stylex-webpack-plugin
    • Next.js: yarn add @ladifire-opensource/stylex-nextjs-plugin
folder
stylex:编写具有原子支持CSS-in-JS。就像Facebook的Stylex! 预估大小:147个文件
file
.eslintrc.js 4KB
file
lint-packages.js 2KB
file
bumpVersions.js 8KB
file
index.html 2KB
file
favicon.ico 4KB
file
index.css 366B
file
.gitignore 310B
file
.gitignore 231B
file
index.html 581B
file
webpack.config.js 5KB
file
test.css 46B
file
processCSS.js 4KB
file
replaceUseCalls.js 2KB
file
constants.js 3KB
file
handleDedupeBindings.js 3KB
file
stylex.js 5KB
file
StyleXSheet.js 6KB
file
.editorconfig 246B
file
.gitignore 297B
file
.eslintignore 31B
zip 文件大小:137.05KB