跳到主要内容

src目录

作为将特殊的 Next.js 应用程序或页面目录放在项目根目录的替代方案, Next.js 还支持将应用程序代码放在 src 目录下的常见模式。

这将应用程序代码与主要位于项目根目录的项目配置文件分离,这是一些个人和团队偏爱的方式。

要使用 src 目录,请将 app Router 文件夹或 pages Router 文件夹移动到 src/app 或 src/pages 目录中。

project organization src directory

值得知道​

  • /public 目录应保留在项目的根目录。
  • package.json、next.config.js 和 tsconfig.json 等配置文件应保留在项目的根目录。
  • .env.* 文件应保留在项目的根目录。
  • 如果在根目录中存在 app 或 pages,则将忽略 src/app 或 src/pages。
  • 如果使用 src,可能还需要移动其他应用程序文件夹,如 /components 或 /lib。
  • 如果使用中间件,请确保将其放置在 src 目录内。
  • 如果使用 Tailwind CSS,您需要在 tailwind.config.js 文件的内容部分添加 /src 前缀。