Стартовый шаблон для верстки

  1. npm i - установка зависимостей проекта
  2. npm run build:dev - для запуска сервера в режиме разработки с перезагрузкой страницы при изменениях в коде.
  3. Если при запуске вылезла ошибка связанная с webpack npm i -g webpack.
  4. npm run build:prod - разовая сборка файлов в build/ директорию.

Как в кратце работает сборка на данный момент:

  1. less и js пишутся в src/ директории.
  2. Webpack компилирует их в папку build/. При этом js компилируется в bundle.js, стили в styles.css. Остальные файлы в директории build/ побочные от сборки вебпака и ни на что не влияют. Эту проблему необходимо будет решить, убрать их из сборки.
  3. Html код редактируется в корневой директории.

В сборку включены:

  1. Jquery, ничего подключать не надо, автоматически компилится в bundle.js
  2. Jquery.inputmask, маски для инпутов, например, ввод номера телефона. 9 - обозначает любую цифру, а - любую букву латинского алфавита, * - любой знак.
  3. chosen.js - плагин для стилизации селектов. Не забыть подключить стили в файле libs/index.less
  4. air datepicker, плагин для стилизации инпутов дат. Не забыть подключить стили в файле libs/index.sass