小程序组件化开发框架 wepy

WePY (发音: /'wepi/)是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化,Promise,Async Functions的引入都是为了能让开发小程序项目变得更加简单,高效。

同时WePY也是一款成长中的框架,大量吸收借鉴了一些优化前端工具以及框架的设计理念和思想。如果WePY有不足地方,或者你有更好的想法,欢迎提交ISSUE或者PR。

特性:

  • 类Vue开发风格
  • 支持自定义组件开发
  • 支持引入NPM包
  • 支持Promise
  • 支持ES2015+特性,如Async Functions
  • 支持多种编译器,Less/Sass/Stylus/PostCSS、Babel/Typescript、Pug
  • 支持多种插件处理,文件压缩,图片压缩,内容替换等
  • 支持 Sourcemap,ESLint等
  • 小程序细节优化,如请求列队,事件优化等

DEMO

<style lang="less">
 @color: #4D926F;
 .userinfo {
 color: @color;
 }
</style>
<template lang="pug">
 view(class='container')
 view(class='userinfo' @tap='tap')
 mycom(:prop.sync='myprop' @fn.user='myevent')
 text {{now}}
</template>
<script>
 import wepy from 'wepy';
 import mycom from '../components/mycom';
 export default class Index extends wepy.page {
 
 components = { mycom };
 data = {
 myprop: {}
 };
 computed = {
 now () { return new Date().getTime(); }
 };
 async onLoad() {
 await sleep(3);
 console.log('Hello World');
 }
 sleep(time) {
 return new Promise((resolve, reject) => setTimeout(resolve, time * 1000));
 }
 }
</script>

项目地址

https://github.com/Tencent/wepy

相关推荐