# tencent/wepy

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/tencent-wepy).**

22,593 stars · 3,025 forks · JavaScript · NOASSERTION · archived

## Links

- GitHub: https://github.com/Tencent/wepy
- Homepage: https://wepyjs.gitee.io/wepy-docs/
- awesome-repositories: https://awesome-repositories.com/repository/tencent-wepy.md

## Description

wepy is a frontend build toolchain and component framework designed for creating mini programs. It provides a modular UI library and a system for building reusable interface elements that maintain consistent layouts across different platform environments.

The project features a cross-platform build target system that maps a single source codebase to multiple distinct output formats. It utilizes a template-based compilation process to transform custom syntax into platform-specific markup and supports the integration of third-party JavaScript packages through asynchronous module resolution.

The toolchain manages a variety of build and compilation tasks, including asset transpilation for style sheets and typed languages. It also includes an asset optimization pipeline that compresses images and resources to reduce the final package size.

## Tags

### Development Tools & Productivity

- [Mini Program Build Systems](https://awesome-repositories.com/f/development-tools-productivity/mobile-development-tools/mini-program-build-systems.md) — Provides a build system specifically for transforming web-oriented components into native-compatible mini program assets. ([source](https://github.com/tencent/wepy#readme))
- [Frontend Build Toolchains](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/build-orchestration-logic/build-orchestration-configuration/build-automation-systems/build-tools/module-bundlers/frontend-build-toolchains.md) — Provides a unified toolchain for transforming style sheets and templates into mini program compatible formats.
- [Template Compilation Tools](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/template-compilation-tools/template-compilation-tools.md) — Transforms custom template syntax into platform-specific markup during the build process for cross-platform UI consistency.
- [Cross-Platform Build Targets](https://awesome-repositories.com/f/development-tools-productivity/cross-platform-build-targets.md) — Maps a single source codebase to multiple distinct output formats required by various mini-program environments.
- [Bundle Size Optimization](https://awesome-repositories.com/f/development-tools-productivity/bundle-size-optimization.md) — Compresses assets and images during the build process to decrease the final bundle size. ([source](https://github.com/tencent/wepy#readme))

### Part of an Awesome List

- [Frontend Asset Transpilers](https://awesome-repositories.com/f/awesome-lists/devtools/build-and-transpilation-tools/frontend-asset-transpilers.md) — Provides build-time transpilation of style sheets and typed languages into standard CSS and JavaScript.
- [Development Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/development-frameworks.md) — Component-oriented development framework for小程序.

### Programming Languages & Runtimes

- [Frontend Asset Converters](https://awesome-repositories.com/f/programming-languages-runtimes/frontend-asset-converters.md) — Transforms style sheets, template engines, and typed languages into standard formats compatible with target environments. ([source](https://github.com/tencent/wepy#readme))

### User Interface & Experience

- [Modular UI Components](https://awesome-repositories.com/f/user-interface-experience/modular-ui-components.md) — Provides a system for creating reusable interface elements that maintain consistency across different platforms.
- [Modular Page Composers](https://awesome-repositories.com/f/user-interface-experience/page-headers/page-widgets/modular-page-composers.md) — Organizes user interface elements into independent reusable units that compose complex page layouts.

### Web Development

- [Mini App Frameworks](https://awesome-repositories.com/f/web-development/mini-app-frameworks.md) — Facilitates the development of modular user interfaces and layouts specifically for embedded mini-applications.
- [Frontend Asset Optimization](https://awesome-repositories.com/f/web-development/frontend-asset-optimization.md) — Minifies and compresses images and assets during the build process to improve download speeds.

### Software Engineering & Architecture

- [Static Asset Optimization Pipelines](https://awesome-repositories.com/f/software-engineering-architecture/performance-reliability/performance-optimization/build-bundle-optimization/static-asset-optimization-pipelines.md) — Optimizes images and resource files during the bundling phase to reduce the final package size.