mpvue打包app

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的过程并不复杂，只需要按照以上步骤进行操作即可。不过在打包过程中，需要注意一些细节问题，例如项目配置、依赖安装、代码编写等等。