跳至內容

src 目錄

除了在專案根目錄中放置特殊的 Next.js apppages 目錄之外,Next.js 也支援將應用程式程式碼放在 src 目錄下的常見模式。

這樣可以將應用程式程式碼與專案設定檔分開,這些設定檔大多位於專案根目錄,某些個人和團隊偏好這種方式。

要使用 src 目錄,請將 app 路由器資料夾或 pages 路由器資料夾分別移至 src/appsrc/pages

An example folder structure with the `src` directory

注意事項:

  • /public 目錄應保留在專案的根目錄中。
  • 設定檔,例如 package.jsonnext.config.jstsconfig.json,應保留在專案的根目錄中。
  • .env.* 檔案應保留在專案的根目錄中。
  • 如果根目錄中存在 apppages,則 src/appsrc/pages 將被忽略。
  • 如果您正在使用 src 目錄,您可能也會移動其他應用程式資料夾,例如 /components/lib
  • 如果您正在使用中介軟體,請確保將其放置在 src 目錄內。
  • 如果您正在使用 Tailwind CSS,則需要在 tailwind.config.js 檔案的內容區段中新增 /src 前綴。
  • 如果您正在使用 TypeScript 路徑進行匯入,例如 @/*,則應更新 tsconfig.json 中的 paths 物件以包含 src/