跳到主要内容
weapp.dev
返回工具栈
测试版
样式系统
WeChatTarouni-appStyleXWXSS

weapp-stylex

把官方 StyleX 编译为微信小程序 WXSS

沿用官方 StyleX runtime 与样式合并 API,通过构建适配器输出 WXSS。支持原生 Page/Component、Wevu、Taro React / Vue 3 和 uni-app Vue 3;当前范围限微信小程序。

维护者:sonofmagic and contributors

安装

适合希望在微信小程序中使用 StyleX 共享样式、条件合并与主题的原生或跨端团队。

pnpm add weapp-stylex

当前面向微信小程序;安装后按框架配置构建适配器。

工程证据

把官方 StyleX 编译为微信小程序 WXSS

从一段真实的配置、命令或边界说明开始判断项目是否适合你的工程。

project.md测试版
  • 运行时:从 weapp-stylex 导入官方 create、attrs / props 与主题 API。
  • 构建:按宿主选择 /weapp-vite、/taro 或 /uni-app 适配器,输出 stylex.wxss。
  • 平台边界:微信主包与普通分包;watch 保证完整重建,不提供 stateful HMR。

核心能力

  • 官方 attrs() / props() 样式合并
  • 共享样式、defineVars() 与 createTheme()
  • 原生、Wevu、Taro 与 uni-app 构建适配
  • WXSS 输出与 watch 完整重建

常见用法

  1. 01在原生微信与 Wevu 中编译 StyleX 样式
  2. 02在 Taro React / Vue 3 与 uni-app Vue 3 中输出微信 WXSS
  3. 03跨模块共享样式、tokens、主题与动态值

支持平台

WeChatTarouni-app
当前版本
v0.1.0
2026年10月9日
周下载
暂无数据
GitHub Stars
0

常见问题

weapp-stylex 支持哪些平台?

当前支持微信主包、页面、组件和普通分包。原生、Wevu、Taro React / Vue 3 和 uni-app Vue 3 有对应适配器;独立分包、其他平台、Vue 2 和 uni-app x 尚未覆盖。

如何安装并选择构建入口?

安装 weapp-stylex 后,根入口提供官方 runtime;按框架使用 weapp-stylex/weapp-vite、weapp-stylex/taro 或 weapp-stylex/uni-app。还需配置对应宿主版本与适配器,详见官方指南。

未来文档路径

/docs/weapp-stylex/

聚合文档上线后,此路径将成为 canonical 地址。

实施范围

需先评估适配范围

可将该项目作为技术选型讨论的背景资料。尚未确认针对该工具的实施服务;需先核对官方文档、维护者支持范围与实际仓库,不代表官方合作或支持承诺。

统计偏好

百度统计和 Google Analytics 在正式站点默认启用,用于了解访问与有限交互。你可以随时关闭。