给女友买了很多化妆品,琳琅满目,傻傻分不清,需要有一个魔法工具,自动将化妆品分类到收纳盒对应的格子里面,这就是mpvue-entry
要做的事情。
1、安装mpvue-entry
yarn add mpvue-entry
2、在webpack.base.conf.js
中进行配置
// webpack.base.conf.js
const MpvueEntry = require('mpvue-entry')module.exports = {entry: MpvueEntry.getEntry('src/pages.js'),...plugins: [new MpvueEntry(),...]
}
3、在page
目录下新增page.js
// pages.js
module.exports = [{path: 'pages/news/list', // 页面路径,同时是 vue 文件相对于 src 的路径,必填config: { // 页面配置,即 page.json 的内容,可选navigationBarTitleText: '文章列表',enablePullDownRefresh: true}}
]
4、注意一个神之坑,之前我们的page
目录下面会有main.js
文件,使用了mpvue-entry
之后,需要删掉,在之前的app.json
中要是出现"pagePath": "pages/my/main",
这种写法,也需要改成pagePath": "pages/my"