跳至内容

src 目录

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

这将应用程序代码与主要位于项目根目录中的项目配置文件分开,一些个人和团队更喜欢这种方式。

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

An example folder structure with the `src` directory

值得注意:

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