src 目录
作为将 Next.js 特殊的 app 或 pages 目录放置在项目根目录的替代方案,Next.js 也支持将应用程序代码放置在 src 文件夹下的常见模式。
这使得应用程序代码与项目配置文件(大部分位于项目根目录)分离,这受到一些个人和团队的青睐。
要使用 src 文件夹,请将 app 路由器文件夹或 pages 路由器文件夹分别移动到 src/app 或 src/pages。

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