Spec-Zone.ru › Next.js

Директория src

В качестве альтернативы расположению специальных директорий Next.js app или pages в корне вашего проекта, Next.js также поддерживает распространённую практику размещения кода приложения в директории src.

Это разделяет код приложения от файлов конфигурации проекта, которые, в основном, находятся в корне проекта, что предпочтительно для некоторых разработчиков и команд.

Для использования директории src, переместите папку маршрутизатора app или папку маршрутизатора pages в директории src/app или src/pages соответственно.

An example folder structure with the `src` directoryAn example folder structure with the `src` directory

Важно знать

  • Директория /public должна оставаться в корне вашего проекта.
  • Файлы конфигурации, такие как package.json, next.config.js и tsconfig.json, должны оставаться в корне вашего проекта.
  • Файлы .env.* должны оставаться в корне вашего проекта.
  • Файлы src/app или src/pages будут проигнорированы, если app или pages присутствуют в корневой директории.
  • Если вы используете src, вы, вероятно, также переместите другие папки приложения, такие как /components или /lib.
  • Если вы используете Middleware, убедитесь, что он размещен внутри директории src.
  • Если вы используете Tailwind CSS, вам нужно добавить префикс /src к файлу tailwind.config.js в разделе конфигурации содержимого.
  • Если вы используете пути TypeScript для импортов, такие как @/*, вы должны обновить объект paths в файле tsconfig.json для включения src/.

© 2024 Vercel, Inc.
Licensed under the MIT License.
https://nextjs.org/docs/app/building-your-application/configuring/src-directory

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API