Decorate your wechat mini-program

@wxa

🎉🎉🎉AOP Framework for writing wechart mini-program.

框架优势

🖖 �速上手 无�外的学习门槛，�以完全使用原生的�程�语法开�。

� 零�置 标准项目无需任何�置，���行。

� 全方� 解决�程�开�中的��痛点，譬如状�管��表�校验等。

🚀 �赖分包算法 自研的�赖分包算法，帮助开�者充分的利用分包空间。

➰ �赖分� 自动分�项目�赖，无需手动 copy 三方�赖到项目中。

🤖 组件库 任�第三方组件库，�时安装使用，完美适� weui, vant-weapp, wux-weapp, iview-weapp 等组件库。

🚈 低æˆ?本 超低è¿?移æˆ?本，原生å°?程åº?å?ªéœ€å®‰è£…好ä¾?èµ–å°±å?¯ä»¥é©¬ä¸Šåœ¨ @wxa/cli2 中跑起æ?¥ã€‚支æŒ?原生和wxaæ··æ?‚å¼€å?‘。

👽 多实例 一次性编译出多个三方项目或其他平�的�程�，如头��程�。

More detail documents

更完善的文档

简介

wxa是一个AOP框架，主�使用Decorator（�行时改写，拦截）和预编译实现框架功能。

使用 Decorator 实现了：

✅ Fetch 队列管ç?†ç½‘络请求，å?•ä¸ªè¯·æ±‚自动防é‡?。

✅ Router 简æ´?çš„APIã€?预加载特性。

✅ Lock 防止é‡?å¤?执行函数，å‰?端防é‡?利器。

✅ Debounnce 防抖动。

✅ Mixin æ··å?ˆä»£ç ?，代ç ?å¤?用。

查看详细的 Class Decorators Method Decorators

预编译方é?¢ï¼Œå®žçŽ°äº†å¯¹å°?程åº?项目的ä¾?赖解æž?，利用ä¾?赖树对整个项目进行管ç?†ï¼Œä»¥æ­¤ä¸ºåŸºç¡€é€‚é…?了npmã€?å?•æ–‡ä»¶å¼€å?‘ã€?云开å?‘ã€?三方开å?‘。开å?‘语法方é?¢æ”¯æŒ?最新的ES*语法（包括Async/Await）ã€?Sass/Scssã€?Stylus，有需求的è¯?å?¯ä»¥é€‚é…?更多语法。

Install

使用 yarn 或 npm 全局安装

npm i -g @wxa/cli2

Quick Started

�速新建项目

wxa2 create --repo gitee

开始开�

定义App类并导出：

import {App} from '@wxa/core';

@App
export default class Main {
    globalData = {
        userInfo: 'Genuifx',
    }
}

定义页�类并导出：

// 引入core包æ??供的Decorator
import {Page, Debounce} from '@wxa/core';

// 挂载常用的方法到页�类
// 导出一个默认的页�类
@Page
export default class Index { 
    // 页�方法用于�应用户�作，函数自动防抖动
    @Debounce(300)
    tap() {
        // 通过$storage缓存数�
        this.$storage.set('TAP', true);
    }
}

默认导出的方法将会自动调用å°?程åº?相应的 Pageã€? Componentã€? App 方法进行注册。

更完善的文档

�速预览�程�

wxa2 cli --action preview

Contribution

欢迎å?„ç§? PR å’Œ ISSUE

LICENSE

MIT