跳到内容

src 目录

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

这使得应用程序代码与项目配置文件(大部分位于项目根目录)分离,这受到一些个人和团队的青睐。

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

An example folder structure with the `src` folder

须知:

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