Меню
Шаг 1. Вступительная частьШаг 2. Подготовка проекта к миграцииШаг 3. Добавление зависимостейШаг 4. Настройка конфига для работы с ReactШаг 5. Итог

Шаг 2. Подготовка проекта к миграции

Нам понадобится уже проинициализированная директория с находящимся в ней конфигом.

Начнём по порядку. У нас есть пустая директория — открываем её в терминале и вводим команду:

npm init -y

После ввода в директории появится файл package.json с названием проекта (от имени директории) и другими полями.

Далее мы или на основе наших предыдущих настроек берём готовый конфиг, или инициализируем новый. Чтобы не тратить время, выбираем первый вариант. Копируем все файлы, связанные с конфигом webpack, кроме директории src.

Пример того, что должно получиться
Пример того, что должно получиться

Файл pnpm (npm)-lock.yaml и директория node_modules появляются только после установки всех зависимостей, то есть после ввода команды npm i и окончания загрузки пакетов.

Так как в наших исходниках уже есть директория src, мы просто добавляем её к сборке.