src 目录

除了在项目根目录下使用特殊的 Next.js apppages 目录外,Next.js 还支持将应用代码放在 src 目录下的常见模式。

这种方案将应用代码与主要位于项目根目录的配置文件分离,受到部分开发者和团队的青睐。

要使用 src 目录,请将应用路由器文件夹或页面路由器文件夹分别移动到 src/appsrc/pages 目录下。

使用 `src` 目录的文件夹结构示例

须知

  • /public 目录应保留在项目根目录下
  • 配置文件如 package.jsonnext.config.jstsconfig.json 应保留在项目根目录下
  • .env.* 文件应保留在项目根目录下
  • 如果根目录下存在 apppages 目录,则 src/appsrc/pages 将被忽略
  • 如果使用 src 目录,您可能还需要移动其他应用文件夹,如 /components/lib
  • 如果使用 Tailwind CSS,您需要在 content 配置部分tailwind.config.js 文件中添加 /src 前缀