Вы действительно используете абсолютный импорт для улучшения чтения и записи кода.
Введение
В сегодняшнем рассказе мы научимся импортировать модули по абсолютному пути. Вместо того, чтобы импортировать пакеты и компоненты по существующему пути, мы научимся импортировать по абсолютному пути, начиная с корневого каталога.
Шаг 1
Установите Next.js в ваше текущее приложение React. Я предполагаю, что у вас есть репозиторий Next.js, если нет, перейдите по этой ссылке, чтобы загрузить свой первый репозиторий Next.js.
Шаг 2
Создайте файл jsconfig.json
в корневом каталоге, после создания проекта легко добавить файл jsconfig.json
в корневой каталог.
Шаг 3
Добавьте ключ baseUrl с корневым путем в качестве значения в файле конфигурации. Просто добавьте приведенный ниже код в файл конфигурации.
{ "compilerOptions": { "baseUrl": "." } }
Шаг 4
Начните импортировать компоненты, используя baseUrl в качестве отправной точки.
Заключение
До следующего раза, хорошего дня.
Продолжай развиваться!!
Наш сайт iHateReading || Ютуб || Твиттер.
Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord.