Why Vant 1.0 Redefines Lightweight Mobile Vue Components

Vant is a mobile‑focused Vue component library maintained by the Youzan front‑end team, offering a full set of UI base and business components that enable rapid, consistent page development.

About Vant 1.0

Six months after its initial release, the Vant team incorporated extensive community feedback, continuously polishing and optimizing components, and now officially launches Vant 1.0 to invite broader participation.

GitHub repository:

https://github.com/youzan/vant

Existing Components

Development Philosophy

Lightweight

Vant prioritizes lightweight design. After applying on‑demand loading, shared module reuse, and compilation optimizations, the average component size is only 8.8KB (≈1KB after Uglify + Gzip). By contrast, mint‑ui averages 15.2KB, and some libraries exceed 25KB.

The small size stems from a custom component compilation approach that avoids the bulk generated by the typical webpack + vue‑loader pipeline, such as webpack runtime code, vue‑loader helpers, and duplicated Babel helpers.

Initially the team experimented with Rollup and rollup-plugin-vue, but soon adopted the official vue‑template‑compiler together with Babel, resulting in cleaner output. Interested readers can inspect Vant’s build scripts in the repository.

Fast Iteration

Rapid iteration is another core principle. The public GitHub repository is the sole source of truth—there is no hidden internal version. The team treats Vant as a technical product, responding quickly to community needs, fixing bugs promptly, and releasing updates weekly.

To date the project has accumulated over 1,600 commits, resolved 300 issues, merged 400 pull requests, and issued 90 releases, maintaining a release cadence of 1–2 times per week.

Ecosystem

Beyond core components, Vant provides a rich ecosystem to cover various development scenarios:

Vue‑CLI scaffold: vue‑cli‑template‑vant Server‑side rendering support for nuxt TypeScript type checking

Theme customization via postcss plugins

Official demo repository – vant‑demo Mini‑program component library – zanui‑weapp Open‑source mobile mall example – vant‑mobile‑mall Future ecosystem enhancements include REM support and a VS Code IntelliSense plugin, planned for 2018.

Conclusion

The progress of this open‑source project relies heavily on community contributions. The team thanks contributors such as @chuangbo, @qianzhaoyan, and @GeoffZhu, and invites more developers to join Vant’s development.