Skip to content

din366/phonebook

Repository files navigation

Простой телефонный справочник, собранный на webpack

Простой телефонный справочник, в котором реализованы функции добавления контакта, удаление контакта, а также сохранение и сортировка контактов в local storage

Развернутое приложение на Vercel

Конфиг Вебпака:

4 варианта сборки:

  • start - сборка development билда с запуском сервера webpack-dev-server + hot reload
  • dev - сборка development билда без запуска сервера
  • build - сборка production билда
  • clear - очистка папки dist

Дополнительные параметры:

  • Обработка файлов стилей - css, scss, sass
  • Обработка изображений - jpg, jpeg, png, gif, svg
  • Обработка шрифтов - woff2, woff, eot, ttf, otf
  • Обработка html файлов
  • Имена файлов при сборке формируются при помощи hash и являются уникальными при обновлении
  • Подключен babel + полифил (babel-polyfill)

Для работы с приложением:

Запуск production сборки:

npm run build

  • сборка и оптимизация приложения в папке dist для деплоя.

Запуск dev-сборки с запуском сервера:

npm run start

Запуск dev-сборки без запуска сервера:

npm run build

Очистка папки dist:

npm run clear