uni-app中package.json的路由不能分模块加载

在uni-app中，package.json 文件本身并不直接处理路由配置。路由配置通常在 pages.json 文件中进行。然而，如果你的目标是实现模块化路由加载，可以通过在 pages.json 中使用通配符和条件路由来间接实现分模块管理。

以下是一个利用 pages.json 实现路由模块化加载的示例：

1. 项目结构

首先，假设你的项目结构如下：

/pages
  /moduleA
    - pageA1.vue
    - pageA2.vue
  /moduleB
    - pageB1.vue
    - pageB2.vue
/static
/App.vue
/main.js
/pages.json
/package.json

2. pages.json 配置

在 pages.json 中，你可以使用通配符来批量注册页面，虽然这不是严格意义上的“模块化”，但它可以帮助你减少手动配置每个页面的工作量。不过，为了更灵活地管理路由，可以结合条件路由和函数动态生成配置。

以下是一个简化的例子，说明如何使用动态生成路由配置：

{
  "pages": [
    {
      "path": "pages/moduleA/*",
      "style": {
        "navigationBarTitleText": "Module A"
      }
    },
    {
      "path": "pages/moduleB/*",
      "style": {
        "navigationBarTitleText": "Module B"
      }
    }
    // 其他页面配置...
  ]
}

注意：上述配置是简化的，uni-app 并不直接支持通配符 * 用于 path 字段。实际中，你需要手动列出每个页面，或者使用构建工具（如 Webpack）预处理 pages.json。

3. 使用构建工具动态生成 pages.json

一个更高级的方法是使用构建工具（如 Gulp、Webpack）来根据项目目录结构动态生成 pages.json。以下是一个使用 Node.js 脚本的示例：

const fs = require('fs');
const path = require('path');

const pagesDir = path.join(__dirname, 'pages');
let pagesConfig = [];

fs.readdirSync(pagesDir).forEach(module => {
  const moduleDir = path.join(pagesDir, module);
  if (fs.statSync(moduleDir).isDirectory()) {
    fs.readdirSync(moduleDir).forEach(page => {
      if (page.endsWith('.vue')) {
        const pagePath = `pages/${module}/${path.basename(page, '.vue')}`;
        pagesConfig.push({
          path: pagePath,
          style: {
            navigationBarTitleText: module.charAt(0).toUpperCase() + module.slice(1)
          }
        });
      }
    });
  }
});

fs.writeFileSync(path.join(__dirname, 'pages.json'), JSON.stringify({ pages: pagesConfig }, null, 2));

这个脚本会遍历 pages 目录下的每个模块，为每个 .vue 文件生成一个路由配置，并写入 pages.json。

通过这种方式，你可以实现路由的分模块加载，而无需手动维护每个页面的路由配置。