form-html

Разработка

1. Устанавливаем пакеты командой npm i (рабочая версия ноды v5.10.0)
2. Запускаем сборщика и сервер командой npm start
3. Сервер запустится по адресу http://localhost:8080

Сборка

1. Устанавливаем пакеты командой npm i
2. Запускаем сборку командой npm run build

Создание нового стиля

1. Создать одноименные директории в src\styles и src\templates Например: src\styles\example и src\templates\example

2. В созданной директории со стилями создать основной файл стиля index.styl Структура компонентов стилей внутри данной директории - на усмотрение разработчиков.

3. В созданной директории с шаблонами создать файл шаблона index.jade Пример:

   extends ../layout.jade
   include ../form.jade
   
   block form
       +form
           +cardNumber
           +cardHolder
           +expiryDate
           +cardCvv
           +cpf
           +dni
           +personalId
           +address
           +city
           +zipCode
   
   

   Важно: необходимо строго соблюдать порядок очередности подключаемых миксинов элементов (полей) формы, как в примере!

4. Для просмотра результата запустить сервер npm start и открыть в браузере URL по имени созданных директорий http://localhost:8080/example.html