Шаг 1. Подготовка проекта

Давайте представим, что перед нами стоит задача — добавить в готовый проект:

• webpack в качестве сборщика;
• ESLint (Prettier) в качестве дополнительного инструмента для анализа и форматирования кода.

В этой демонстрации мы рассмотрим, как добавить зависимости в уже готовый проект — сервис по подписанию документов.

Ссылка на исходный код проекта В этом архиве находится набор файлов:

Директория dist содержит файлы index.html, main.css и main.js c минимизированным кодом (мы не будем её использовать). Обратите внимание, что файлы не лежат в директории src — это играет ключевую роль при указании путей подключения. Наиболее распространённые ошибки встречаются именно из-за невнимательности при указании путей к файлам.