uniapp 拆包

安装 uni-pages-hot-modules 插件

npm i uni-pages-hot-modules -S

在项目根目录新建 src\pages.js

/*
 * @Description: 
 * @Author: lu jia ming
 * @Date: 2024-08-14 10:11:13
 * @LastEditors: lu jia ming
 * @LastEditTime: 2024-08-14 14:21:47
 */

/*
 *uni-app自带一个webpack loader钩子文件pages.js，在项目根目录下建立pages.js（与pages.json同级）即可生效
 * pages.js要求CommonJS规范，直接通过module.exports输出一个钩子函数。
*/

const { hot } = require('uni-pages-hot-modules')
module.exports = hot((pagesJson) => {
    return {
        ...pagesJson,
        pages:[
            ...require('./router/buildRouter.js').pages,
        ]
    }
})

在项目根目录新建 src\router\buildRouter.js

/*
 * @Description: 
 * @Author: lu jia ming
 * @Date: 2024-08-14 10:11:43
 * @LastEditors: lu jia ming
 * @LastEditTime: 2024-08-14 14:22:40
 */
/*此文件用来动态加载pages下的页面路径
 */
let pagesJson = {
  "pages": [
    {
      "path": "pages/index/watch",
      "style": {
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/index/manage",
      "style": {
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/index/more",
      "style": {
        "navigationStyle": "custom"
      }
    }
  ]
}
// /pages/目录下的模块名称
const mainPages = ['warehouse', 'production', 'ERPManage','basic']
mainPages.forEach(async (item) => {
  const moduleRouter = require(`../pages/${item}/PagesConfig.js`)
  
  moduleRouter.forEach((subItem) => {
    pagesJson.pages.push(subItem)
  })
})

module.exports = pagesJson

比如拆分 warehouse 以及 production

在项目文件夹下新建 src\pages\warehouse\PagesConfig.js

/*
 * @Description: 
 * @Author: lu jia ming
 * @Date: 2024-08-14 10:05:05
 * @LastEditors: lu jia ming
 * @LastEditTime: 2024-08-14 11:01:43
 */
module.exports = [
    {
      "path": "pages/warehouse/require/index",
      "style": {
        "navigationStyle": "custom",
        "enablePullDownRefresh": true
      }
    },
    {
      "path": "pages/warehouse/inStore/index",
      "style": {
        "navigationStyle": "custom",
        "enablePullDownRefresh": true
      }
    },
    {
      "path": "pages/warehouse/outStore/index",
      "style": {
        "navigationStyle": "custom",
        "enablePullDownRefresh": true
      }
    },
    {
      "path": "pages/warehouse/check/index",
      "style": {
        "navigationStyle": "custom",
        "enablePullDownRefresh": true
      }
    },
    {
      "path": "pages/warehouse/transfer/index",
      "style": {
        "navigationStyle": "custom",
        "enablePullDownRefresh": true
      }
    }
]

此时pages.json文件内容如下，将pages数组移除即可

{
  "easycom": {
    "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
  },
  "globalStyle": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "新农人小能手",
    "navigationBarBackgroundColor": "#F8F8F8",
    "backgroundColor": "#F8F8F8"
  },
  "tabBar": {
    "list": [
      {
        "pagePath": "pages/index/watch"
      },
      {
        "pagePath": "pages/index/message"
      },
      {
        "pagePath": "pages/index/manage"
      },
      {
        "pagePath": "pages/index/system-oa/oa-manage"
      },
      {
        "pagePath": "pages/index/system-oa/workspace"
      },
      {
        "pagePath": "pages/index/system-oa/message"
      },
      {
        "pagePath": "pages/base-mine/oa-index"
      }
    ]
  }
}