企业官网建设流程全解析

mpvue：用 Vue.js 开发小程序的框架

美团点评开源了一款名为 mpvue 的前端框架，它让开发者用 Vue.js 的语法来开发小程序。这个项目在 GitHub 上收获了超过 2 万颗星。

mpvue 基于 Vue.js 2.4.1 版本，保留了 Vue 的 runtime 能力，同时添加了对小程序平台的支持。开发者可以用 Vue.js 的开发方式编写代码，然后编译成目标小程序代码。框架目前支持微信小程序、百度智能小程序、头条小程序和支付宝小程序。

框架通过在运行时和编译器层面的修改，让 Vue.js 代码能够在不同的小程序环境中运行。这意味着开发者可以使用 Vue 的组件化开发模式、Vuex 状态管理方案和 webpack 构建机制来开发小程序。

mpvue 2.0 版本正式加入了对百度智能小程序、头条小程序和支付宝小程序的支持。通过 mpvue-quickstart 模板新创建的项目默认升级到 2.0，老项目可继续使用原有版本。

框架的主要能力包括：组件化开发、Vue.js 完整的开发体验、Vuex 数据管理方案、webpack 构建机制、npm 外部依赖支持，以及 H5 代码到小程序目标代码的编译能力。

配套设施方面，mpvue 还提供了一套完整的工具链：mpvue-loader（webpack 加载器）、mpvue-webpack-target（构建目标）、postcss-mpvue-wxss（样式转换）、px2rpx-loader（样式插件）、mpvue-quickstart 和 mpvue-simple 等项目模板。

从美团点评内部到社区开发者，多个团队已经将 mpvue 用于生产环境。项目列表显示，涉及电商、工具、资讯、教育等多个领域的小程序均基于该框架开发。

mpvue 这个名字来自 mini program（小程序）和 Vue.js 的组合。对于已经熟悉 Vue.js 的开发者来说，学习成本很低。不需要额外学习小程序原生的模板语法和组件模型，直接用 Vue 的方式写代码，框架负责编译和适配。

框架的社区生态也较为活跃。美团点评持续维护了 mpvue-loader、mpvue-webpack-target 等配套工具，确保开发体验和构建流程的一致性。项目提供的 mpvue-quickstart 模板可以让开发者快速初始化一个项目，包括完整的 webpack 配置和开发环境。

在多平台支持方面，mpvue 的思路是在框架层面做抽象，开发者写一份代码，编译到不同的小程序平台。这与后来出现的 uni-app、Taro 等方案的思路有相似之处。在 2018-2019 年小程序生态快速发展的时期，mpvue 为 Vue.js 开发者进入小程序领域提供了一条可行的路径。

.js 开发者进入小程序领域提供了一条可行的路径。