给女友买了很多化妆品,琳琅满目,傻傻分不清,需要有一个魔法工具,自动将化妆品分类到收纳盒对应的格子里面,这就是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"