mpvue是一款基于Vue.js的小程序开发框架，它可以让开发者使用Vue.js的语法来开发小程序，同时也支持将小程序打包成app。打包成app的过程是通过mpvue-loader和mpvue-webpack-target插件来实现的。
mpvue-loader是一个webpack插件，用于将mpvue的.vue文件编译成小程序可以识别的wxml、wxss和js文件。mpvue-webpack-target是另一个webpack插件，用于将mpvue的输出文件转换成小程序可以运行的代码。在打包过程中，需要使用到一些特殊的loader和plugin，例如sass-loader、postcss-loader、babel-loader等等。
下面是mpvue打包app的详细步骤：
1. 安装mpvue-cli
mpvue-cli是mpvue的官方脚手架工具，可以快速生成mpvue项目。安装命令如下：
```
npm install -g mpvue-cli
```
2. 创建mpvue项目
使用mpvue-cli创建mpvue项目，可以选择自己喜欢的模板。创建命令如下：
```
mpvue init
```
3. 修改项目配置
在项目根目录下找到`project.config.json`文件，修改`appid`为自己的小程序appid。
4. 安装依赖
进入项目目录，运行以下命令安装依赖：
```
npm install
```
5. 编写代码
使用Vue.js的语法编写小程序代码，可以使用mpvue提供的组件和API。
6. 打包成小程序
使用以下命令将小程序打包：
```
npm run dev
```
打包完成后，可以在小程序开发工具中预览效果。
7. 打包成app
使用以下命令将小程序打包成app：
```
npm run build
```
打包完成后，在`dist`目录下会生成一个`build`文件夹，里面包含了打包好的app。可以使用微信开发者工具或者第三方工具将app安装到手机上。
总的来说，mpvue打包成app的过程并不复杂，只需要按照以上步骤进行操作即可。不过在打包过程中，需要注意一些细节问题，例如项目配置、依赖安装、代码编写等等。
