跳到內容

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/