微信小程序开发框架整理

Posted 2021-01-24 抖音的博客

目前除了原生的微信小程序开发外，各大厂商陆续造了自己的开发框架，现整理如下:

WePY

腾讯官方开源的小程序组件化开发框架，目前有15K+Star ，一直在更新着，社区活跃，掉坑能快速的找到方法爬出来。

github： https://github.com/Tencent/wepy

官方文档: https://tencent.github.io/wepy/

特性

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

wepy开发资源汇总

里面有大量的开源项目，开源组件，相关工具，相关文章。同学们不用重复造轮子了，有需要的直接用，加快开发速度~

https://github.com/aben1188/awesome-wepy

 

MpVue 

美团出品，使用 Vue.js 开发小程序，从底层支持 Vue.js 语法和构建，目前有14K+Star 。框架基于 Vue.js 核心，熟悉Vue的同学可以快速上手。

美团火车票12306抢票、美团汽车票 和 美团充电都是mpvue开发的。

github： https://github.com/Meituan-Dianping/mpvue

官方文档: http://mpvue.com/

特性

彻底的组件化开发能力：提高代码复用性
完整的 Vue.js 开发体验
方便的 Vuex 数据管理方案：方便构建复杂应用
快捷的 webpack 构建机制：自定义构建策略、开发阶段 hotReload
支持使用 npm 外部依赖
使用 Vue.js 命令行工具 vue-cli 快速初始化项目
H5 代码转换编译成小程序目标代码的能力

 mpvue开发资源汇总

https://github.com/Meituan-Dianping/mpvue/issues/21

Taro

使用 React 语法规范来开发小程序，目前 11k+Star 

它不仅可以开发小程序，还可以开发H5、React Native的端，一套代码，打包成不同的客户端，要不要这么强！！

 

github：https://github.com/NervJS/taro

Taro|凹凸实验室: https://taro.js.org/

Taro·多端统一开发框架: https://nervjs.github.io/taro/

特性

支持使用 npm/yarn 安装管理第三方依赖。
支持使用 ES7/ES8 甚至更加新的 ES 规范，一切都可自行配置。
支持使用 CSS 预编译器，例如 Sass 等。
支持使用 Redux 进行状态管理。
小程序 API 优化，异步 API Promise 化等等。

 Taro开发资源汇总

https://github.com/NervJS/taro/issues/244