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

最新推荐文章于 2024-08-19 10:08:53 发布

曹天骄

最新推荐文章于 2024-08-19 10:08:53 发布

阅读量1.6k

点赞数

分类专栏： mpvue

本文链接：https://blog.youkuaiyun.com/solocao/article/details/83832524

版权

mpvue 专栏收录该内容

30 篇文章

订阅专栏

本文详细介绍了如何使用mpvue-entry工具来优化mpvue项目的构建流程，包括安装、配置及注意事项，帮助开发者实现页面自动化分类与管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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