4 шага для добавления абсолютного импорта в reactjs

Вы действительно используете абсолютный импорт для улучшения чтения и написания кода.

Введение
В сегодняшней статье мы научимся импортировать модули по абсолютному пути. Вместо того чтобы импортировать пакеты и компоненты из существующего пути, мы научимся импортировать из абсолютного пути, начиная с корневого каталога.

Шаг 1
Установите nextjs в ваше текущее приложение react, я предполагаю, что у вас есть репозиторий nextjs, если нет, перейдите по этой ссылке для загрузки вашего первого репозитория nextjs.

Шаг 2
Создайте файл jsconfig.json в корневом каталоге, это легко сделать после создания проекта, добавив файл jsconfig.json в корневой каталог.

Шаг 3
Добавьте ключ baseUrl с корневым путем в качестве значения в файл конфигурации. Просто добавьте приведенный ниже код в файл конфигурации.

{
 "compilerOptions": {
   "baseUrl": "."
  }
}
Войти в полноэкранный режим Выйти из полноэкранного режима

Шаг 4
Начните импортировать компоненты, используя baseUrl в качестве отправной точки.

Заключение
До следующего раза, хорошего дня.

Продолжайте развиваться!!!

Наш сайт iHateReading || Youtube || Twitter

Оцените статью
devanswers.ru
Добавить комментарий