Создание gulpfile.js по ТЗ

$5
HTML-версткаЗакрыт2 заявки196 просмотров
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Здравствуйте. Требуется создать gulpfile.js по ТЗ.

Требования:

Иерархия файлов:

Ссылка на картинку иерархии

  • 2 основных папок app и src. В src будет разработка, готовые файлы получаем в app.
  • При ЛЮБЫХ изменениях (изменение имени файла/папки, удаление файла/папки) в папке src, все изменения должны немедленно отображаться в папке app. Надо настроить для этого функцию watch таким образом, чтобы не приходилось перезапустить его для получения изменений.
Используемые технологии:

Использовать будем sass (gulp-sass а не gulp-ruby-sass) и jade. Соответственно надо их установить, настроить, чтобы созданные файлы автоматически компилировались и разместились по своим местам в папке app и отображались в browser-sync.

Теперь по очереди.

  • При компиляции sass в css в папке app/css должны сохранятся и минифицированный и НЕ минифицированный файлы.
  • При компиляции jade в html должны компилироваться только те файлы .jade которые в своем имени не имеют префикса "_". То есть если создается файл main.jade он автоматически компилируется в .html файл и размещается в папке app/. А если название файла _main.jade -> ничего не компилируется.
  • Для автоматического создания спрайтов нужно настроить плагин gulp-spritesmith ну и дописать миксины в файле _sprites.sass, можете подсмотреть отсюда Github ссылка. Все иконки для спрайтов кидаем в src/img/sprites, на выходе получаем готовый файл sprite.png в app/img/sprites. Остальные изображения которые будут в папке src/img -> просто перемещаем в папку app/img без сжатия и тд. НО если с папки src/img удалить/переименовать любую картинку - все это должно происходить и в папке app/img.
  • Скрипты: Все скрипты в папке src/scripts сжимаем в один файл, сохраняем в app/js в двух версиях - минифицированный и НЕ минифицированный.
  • Все добавленные папки и файлы в папке src/fonts должны копироваться в папку app/fonts.
Вроде все. Для человека который работает с gulp, все это настроить дело пары минут, пожалуйста, не ломайте цену. Основная проблема которую я здесь описала это синхронизация удаления/переименования файлов в папках app и src, так чтобы функция watch отследила это все и делала все сама.

    

JavascriptHTMLCSSRubySASSGulp
8 лет назад
Saide
31 годУкраина
12 лет в сервисе
Была
8 лет назад
  • Похожие заказы

  • Верстка главной и пяти внутренних страниц

    Необходимо сверстать дизайн главной и пяти внутренних страниц.  Верстка должна быть адаптивной, валидной, кроссбраузерной. Реализована с помощью bootstrap (12ти колоночная сетка). В верстке элементов форм и блоков сайта ориентируемся на уже работающий сайт, чтоб упростить ее ...

    Bootstrap
    HTML-верстка1 исполнитель
    Завершен
    8 лет назад

  • Нужен опытный верстальщик

    Здравствуйте, коллеги! Я веб-дизайнер и не редко моим клиентам нужна также и верстка макетов.  На данный момент в стадии обсуждения вот такой проект: Есть сайт - https://paybox.kz/ Клиент хочет его обновить и доработать. Упорядочить информацию и как то интереснее ее ...

    Верстка макета
    HTML-верстка11 заявок
    Закрыт
    8 лет назад

  • PHP редактирование

    Имеется 3 файла в формате PHP которые работают с текстом. Нужно помочь разобраться в нём и объеденить в 1 отбросив лишнее.

    PHP
    HTML-верстка10 заявок
    Закрыт
    8 лет назад

  • Установить баннер на сайт

    Для сайта http://ferrum-body.ru/ установить над шапкой сайта баннер, т.е. надстроить. [url=http://c2n.me/3tju58X.jpg]http://c2n.me/3tju58X.jpg [/url] Установить корректно, чтобы меню сайта затем работало и указанный на скрине текст [url=http://c2n.me/3tju89I.jpg]http://c2n.me/3tju89I.jpg[/url] был ссылками, как сейчас. Баннер в наличии, формат gif.

    Баннер для сайта
    HTML-верстка16 заявок
    Закрыт
    8 лет назад

  • Сверстанный HTML макет

    Здравствуйте. Необходим сверстанный HTML макет для сайта автоломбард. Макет с "нуля", то-есть нет исходников. По сути нужен дизайн, но уже сверстанный. Бюджет не большой, рассматриваем предложения до 4000 руб. Оплата после утверждения клиентом. С кем сработаемся готовы ...

    HTML
    HTML-верстка35 заявок
    Закрыт
    8 лет назад

  • Bootstrap верстка

    $35

    Сверстать макет одностраничника. Кроссбраузерно, адаптивно, валидно. JQuery эффекты появления при наведении, появлении. За подробностями в скайп . Оплата в рублях. 3000 р.

    BootstrapjQuery
    HTML-верстка27 заявок
    Закрыт
    8 лет назад

  • Сверстать очень простые 2 мобильные страницы.

    Привет, друзья. Без лишних вопросов, качественно свестать. Описание и превью в прикрепленном архиве. !!!Attention Peopl'ы!!! Читайте общую информацию о людях, которых я ищу, у меня в профиле: https://www.weblancer.net/users/Kopakov Напишите: 1. Цену. 2. Срок исполнения в днях. 3. Дату, когда будет сверстано. 4. Ссылку на ...

    WordPressBootstrap
    HTML-верстка12 заявок
    Закрыт
    8 лет назад