您可以使用符号链接。每个模块都需要一个，但模块中的每个嵌套路径都不需要一个。您的目录结构如下所示：

├── modules
│   ├── bar
│   │   └── pages
│   │       ├── first.js
│   │       └── second.js
│   └── foo
│       └── pages
│           ├── first.js
│           └── second.js
├── pages
│   ├── _app.js
│   ├── bar -> ../modules/bar/pages
│   ├── foo -> ../modules/foo/pages
│   ├── index.js

最后会有路由：

/bar/first
/bar/second
/foo/first
/foo/second

但我不知道这对你有什么好处。现在，您的modules文件夹将具有与pages相同的混乱。您不必在pages中的文件中包含所有组件内容。它可以是简单的：

// pages/foo/first.js
import FirstContent from '../../modules/FirstContent'

export default function First() {
  return <FirstContent />
}

这是Next.js团队不允许的，原因在这篇文章和那里引用的文章中解释。在决定是否真的要破解文件结构之前，您可以阅读一些讨论。

正如@Roman Mkrtchian提到的，你不应该这样做。我的建议是，如果你想像我一样将你的文件组织成模块，创建一个类似于下面的文件结构：

src
├── modules
│    ├── foo
│    |   └── pages
|    |       ├── one
|    |       |   ├── index.jsx
|    |       |   └── styles.js <- For `styled-components`; could be a css file
|    |       └── two
|    |           ├── index.jsx
|    |           └── styles.js
|    └── bar
|        └── pages
|            └── three
|                ├── index.jsx
|                └── styles.js 
├── shared
└── ...

你应该采取另一种方法。正如@erich2k8所说，您不需要将所有组件内容都放在/pages内部的文件中，您可以创建与上面相同的结构，但将/pages直接添加到src：

src
├── modules
├── shared
└── pages
    ├── foo
    |   ├── one.jsx
    |   └── two.jsx
    └── bar
        └── three.jsx

例如，在src/pages/foo/one.jsx中，您将导入src/modules/foo/pages/one，如下所示：

import OneContent from '../../modules/foo/pages/one';

const One = () => <OneContent />;

export default One;

是的，您仍然需要为在/modules中创建的每个页面创建一个新文件，但它使您避免了扰乱Next行为的真正糟糕的时间。