README EN - Wepy — ContextQMD

English | 简体中文

📦 This project has been archived

As the WeChat Mini Program ecosystem continues to evolve, this project is no longer actively maintained. WePY has long since fulfilled its historical mission. The existing code is no longer a recommended reference; we suggest adopting more modern solutions for new projects.

Over the years of open source, due to limited personal bandwidth, the project was not maintained as well as it should have been. I sincerely apologize to all contributors and users for that.

Thank you for your understanding, and keep moving forward 🤝

WePY 2 (beta)

Introduce

WePY resource summary：awesome-wepy

WePY (pronounced: /'wepi/) is a framework that enables componentization of small programs by pre-compiling them so that developers can choose their own development style.Details optimization of the framework, the introduction of Promise and Async Functions are all aimed at making it easier and more efficient to develop applets.

At the same time, WePY is also a growing framework, drawing heavily on the design concepts and ideas of some front-end optimization tools and frameworks.If WePY has a problem, or if you have a better idea, feel free to submit an ISSUE or PR.

Features:

Class Vue development style
Support for custom component development
Support for introducing NPM packages
support Promise
Support for ES2015+ features，如 Async Functions
Supports multiple compilers, Less/Sass/Stylus/PostCSS, Babel/Typescript, Pug
Supports a variety of plug-in processing, file compression, image compression, content replacement, etc
Supports Sourcemap, ESLint, etc
Small program details optimization, such as request queuing, event optimization, etc

Demo

html

<style lang="less">
@color: #4D926F;
  .num {
  color: @color;
  }
</style>
<template>
  <div class="container">
    <div class="num" @tap="num++">
      {{num}}
    </div>
    <custom-component></custom-component>
    <vendor-component></vendor-component>
    <div>{{text}}</div>
    <input v-model="text"/>
  </div>
</template>
<config>
{
  usingComponents: {
    customComponent: '@/components/customComponent',
    vendorComponent: 'module:vendorComponent'
  }
}
</config>

<script>
  import wepy from '@wepy/core';

  wepy.page({
    data: {
      num: 0,
      text: 'Hello World',
    },
  });
</script>

Usage

Install (upgrade) the WEPY command-line tool.

bash

npm install @wepy/cli@next -g

Get start with an example

console

wepy init standard myproject

Install dependencies

console

cd myproject
npm install

Watch mode

console

wepy build --watch

Import project

Create a new project usingWeChat developer tool.If the local developer selects the project root directory, the project configuration will be automatically imported.

Which applets are developed with WePY

腾讯疫苗查询小程序、腾讯翻译君小程序、腾讯地图小程序、玩转故宫小程序、手机充值+、手机余额查询、手机流量充值优惠、友福图书馆（开源）、素洁商城（开源）、 NewsLite （开源）、西安找拼车（开源）、深大的树洞（开源）、求知微阅读（开源）、给你的 iPhone X 换个发型、天天跟我买、坚橙、群脱单、米淘联盟、帮助圈、众安保险福利、阅邻二手书、趣店招聘、满熊阅读（开源：微信小程序、支付宝小程序）、育儿柚道、平行进口报价内参、 GitHub 掘金版、班级群管、鲜花说小店、逛人备忘、英语助手君、花花百科、独角兽公司、爱羽客羽毛球、斑马小店、小小羽球、培恩医学、农资优选、公务员朝夕刷题、七弦琴小助手、七弦琴大数据、爽到家小程序、应用全球排行（开源）、 we 川大（开源）、聊会儿、诗词墨客（开源）、南京邮电大学（开源）

...

Wechat group

WePY group has reached 500 members，Please add gcaufy_helper friends or scan the code to add friends, verify the reply 'wepy' according to the reference to enter the group.

Contribution

If you have any comments or Suggestions, please feel free to contribute to improving the WeChat app-development experience by asking for Issues or Pull Requests. see details：CONTRIBUTING.md

Tencent Open Source Incentive Plan EncouraTencent Open Source Incentive Plange developers to participate and contribute. Look forward to your participation.

Links