跳到主要内容

src目录

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

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

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

project organization src directory

值得知道

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