跳到主要内容

src 文件夹

作为在项目根目录中拥有特殊 Next.js apppages 目录的替代方案,Next.js 还支持将应用程序代码放在 src 文件夹下的常见模式。

这会将应用程序代码与主要位于项目根目录的项目配置文件分开,这是某些个人和团队所偏好的。

要使用 src 文件夹,请将 app 路由文件夹或 pages 路由文件夹分别移动到 src/appsrc/pages

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

提示

  • /public 目录应该保留在项目的根目录中。
  • 配置文件如 package.jsonnext.config.jstsconfig.json 应该保留在项目的根目录中。
  • .env.* 文件应该保留在项目的根目录中。
  • 如果根目录中存在 apppagessrc/appsrc/pages 将被忽略。
  • 如果你使用 src,你可能还会移动其他应用程序文件夹,如 /components/lib
  • 如果你使用中间件,确保它放在 src 文件夹内。
  • 如果你使用 Tailwind CSS,你需要在 tailwind.config.js 文件的内容部分中添加 /src 前缀。
  • 如果你使用 TypeScript 路径进行导入,如 @/*,你应该更新 tsconfig.json 中的 paths 对象以包含 src/