mpvue生成html,mpvue 打包成H5和微信小程序模板demo

mpvue demo

A Mpvue project

Build Setup

# 安装依赖(注意查看package.json里面模块的安装版本号)

npm install

# 小程序运行

npm run dev

# H5运行

npm run devH5

# 小程序打包(打包到dist目录)

npm run build

# H5打包(打包到distH5目录)

npm run buildH5

开始

这个项目是一个mpvue 的demo, 没有具体的业务实现方法，只有简单的页面切换，还有常用的一些方法封装，总体提供分开打包开发的思路

目录结构

.

├── README.md

├── build 小程序运行打包配置文件

│ ├── build.js

│ ├── check-versions.js

│ ├── dev-client.js

│ ├── dev-server.js

│ ├── utils.js

│ ├── vue-loader.conf.js

│ ├── webpack.base.conf.js

│ ├── webpack.dev.conf.js

│ └── webpack.prod.conf.js

├── buildH5 H5运行打包配置文件

│ ├── build.js

│ ├── check-versions.js

│ ├── dev-client.js

│ ├── utils.js

│ ├── vue-loader.conf.js

│ ├── webpack.baseH5.conf.js

│ ├── webpack.devH5.conf.js

│ └── webpack.prodH5.conf.js

├── config 小程序运行打包配置文件

│ ├── dev.env.js

│ ├── index.js

│ └── prod.env.js

├── configH5 H5运行打包配置文件

│ ├── dev.env.js

│ ├── index.js

│ └── prod.env.js