Builders own Tailwind generation
Webpack, Vite, Gulp, and custom Node flows all route output through weapp-tailwindcss so mini app builds do not stack the official Tailwind generation plugin.
Tailwind CSS 4 + cross-platform generation pipeline
weapp-tailwindcss
One utility-first workflow for Web, mini programs, and native cross-platform apps.
Reuse compilers, builder integrations, and runtime adapters while preserving each platform's native semantics and engineering boundaries.
generator
target: web | weappTailwind CSS entryEntry
@import "tailwindcss" + @source@import + @source
Precise classNameSet hitMatch
Transform generated classes onlyGenerated classes only
Web / Weapp split outputOutput
target switches automaticallyWeb vs mini app output
OutputStable CSS + precise class escaping
Keep firm engineering boundaries and own generation plus transforms
Reuse Tailwind CSS 4 input while keeping source scanning, style generation, class escaping, and runtime utilities in one engineering pipeline.
Precise transforms
Only class names that Tailwind already generated are transformed, so business strings stay untouched.
Multi-platform output targets
Generate Web CSS, mini-program CSS, or native style manifests for each target.
Cross-ecosystem delivery
Supports uni-app, Taro, Mpx, Weapp-vite, React Native, Lynx, and native mini programs.
Runtime utility family
merge, variants, and cva stay consistent around escaping on mini app targets.
One Tailwind input, delivered per runtime target
H5/Web keeps native Tailwind semantics; mini apps add selectors, units, escaping, and runtime boundaries. Teams keep one entry and wire frameworks around it.
Read the introduction