辅助 mpvue 快速开发 Page / Component 级小程序页面的工具，所以也需要有一定的小程序开发经验。
mpvue QuickStart 只支持项目级应用开发，对 Page / Component 级小程序页面开发场景缺少支持，而 simple 刚好来填补这部分需求，用以支持 mpvue 和原生小程序（或者其他方式小程序）的混用。
详细文件见：mpvue-simple
bug 或者交流建议等请反馈到 mpvue/issues。
const mpvueSimple = require('mpvue-simple')
// build for signel Page
mpvueSimple.build()
// or more options
mpvueSimple.build({
output: 'mp-pages',
pageName: 'login'
})
// or more options
mpvueSimple.build({
output: {
path: 'mp-pages',
jsonpFunction: 'webpackJsonpMpvue' // optional config
},
pageName: 'login'
})
// maybe you want to do something after building
mpvueSimple.build() // => Promise
.then(() => console.log('mpvue build success'))
.catch(err => throw new Error(err))
-
加入可选配置项
externals，通过在webpack中增加external属性的方式，可以在打包的时候移除公共模块的引入，从而减小包大小。在构建脚本中进行如下定义：
mpvueSimple.build({ externals: { sdk: 'require("../../../../sdk")', // 公共模块的相对路径 }, })
在页面文件中进行如下引用：
import SDK from 'sdk'; // 注意这里的sdk，应为externals的key
- 加入可选配置项
output.jsonpFunction，mpvue 打包构建后会在manifest.js中生生成全局的模块加载器函数global.webpackJsonp，为防止和其它构建工具引起命名冲突，该默认函数名可在 output 配置中指定，示例如上。