如何在expo-router中忽略导航中的指定文件夹？

根据不同的静态站点/前端框架，处理方式略有不同，以下是几种常见工具的实现方法：

Docusaurus #

在项目根目录的docusaurus.config.js中，修改presets里的docs配置，添加exclude参数指定要排除的文件夹路径：

presets: [
  [
    '@docusaurus/preset-classic',
    {
      docs: {
        exclude: ['src/service/**/*'],
        // 保留其他原有配置
      },
      // 其他preset相关配置
    },
  ],
],

配置后，框架会自动忽略该文件夹下的所有内容，不会将其纳入导航生成逻辑。

Next.js（App Router） #

如果使用App Router的自动导航生成，有两种方式：

1. 在src/service目录下创建layout.js（或layout.tsx），仅返回子内容且不生成导航元数据：

export const generateMetadata = () => null;

export default function ServiceLayout({ children }) {
  return children;
}

2. 在next.config.js中直接配置排除路由：

/** @type {import('next').NextConfig} */
const nextConfig = {
  excludeRoutes: ['/service/**'],
};

module.exports = nextConfig;

VuePress #

在.vuepress/config.js的themeConfig中，要么手动指定导航要包含的路径（不包含src/service），要么给自动生成的侧边栏添加排除规则：

module.exports = {
  themeConfig: {
    // 方式1：手动定义侧边栏内容
    sidebar: [
      '/',
      '/guide/',
      // 只列出需要展示的导航项，跳过service文件夹
    ],
    // 方式2：自动生成时排除目标文件夹
    sidebar: {
      '/': {
        exclude: ['/service/**'],
      },
    },
  },
};

通用思路 #

如果你的框架没有直接的排除配置选项，最稳妥的方式是手动定义整个导航结构，只包含需要展示的页面和文件夹，完全忽略src/service即可。

内容的提问来源于stack exchange，提问作者TOPKAT