mpvue 从零开始 女友的收纳盒 6 mpvue-entry入口管理

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