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
。- 如果您使用的是中间件,请确保将其放在
src
目录内。- 如果您使用的是 Tailwind CSS,则需要在 内容部分 中的
tailwind.config.js
文件中添加/src
前缀。- 如果您使用 TypeScript 路径进行导入(例如
@/*
),则应更新tsconfig.json
中的paths
对象以包含src/
。
这有帮助吗?