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/。
這有幫助嗎?
