alexfedoseev 2 мар 2015 в 12:36

Ещё один пост о сборке front-end проекта

15 мин

85K

Веб-разработка * CSS * JavaScript * HTML *

Туториал

+20

Комментарии 12

Ashot 2 мар 2015 в 12:45

Я бы на вашем месте собрал бы всё это в генератор для yeoman(отличная вещь) и ваш раздел «Как его завести» сведётся к одной команде.

alexfedoseev 2 мар 2015 в 13:11

Я до этого для скаффолдинга использовал Thor. Надо почитать доки Yeoman, спасибо.

Large 5 мар 2015 в 16:11

Тогда уже лучше посмотрите в сторону slush, он спроектирован для работы с gulp.

kriptomen 2 мар 2015 в 14:23

Немного жутко, когда хабр читает твои мысли — только вот ночью задавал вопрос toster.ru/q/195631
Спасибо за статью, буду дома подробнее ознакомлюсь.

exdeniz 2 мар 2015 в 15:15

И все таки я рекомендую попробовать browsersync.io для livereload. У него есть несколько приятных особенностей типа tunnel и дебага. И да, а почему не запускаете сервер из gulp?

exdeniz 2 мар 2015 в 15:24

Так же советую autoprefixer собирать отдельный файл для IE8 и IE9 и подключать его через комментарии. Можно немного уменьшить файл стилей. Если идти дальше, то хорошо бы разбивать media-query и тоже подключать в зависимости от разрешения/устройства.

Я сейчас собираю такой же проект на jade/stylus, для сборки JS присматриваюсь к Web Pack. Так же хочу принять файловую структуру как у BEM в плане хранения всех файлов блока в одном месте.

alexfedoseev 3 мар 2015 в 17:42

Почитал про BEM. Интересная и логичная штука, в духе компонентов React. Тоже покручу папку `src`.

alexfedoseev 2 мар 2015 в 18:29

Я вот как-то не чувствую острой необходимости в browsersync: прикрутил, попробовал и убрал. А http-server я просто ещё до вникания в автоматизацию сборки использовал и на `npm start` изначально его повесил. Есть какая-то разница откуда его запускать?

kriptomen 2 мар 2015 в 17:26

Вот по поводу зависимостей не очень понял, в чем проблема с оберткой? Просто в ситуации с сайтом практически наверняка придется бовером подключать jquery, angular, etc. Как вы в этом случае поступаете?

alexfedoseev 2 мар 2015 в 18:33

Если вы не пишите собственную бибилиотеку (jQuery плагин или что-то в этом духе), которая должна оборачиваться в UMD-обёртку с внешними зависимостями (которые не нужно включать в сборку), то беспокоиться не о чем.

zxcabs 2 мар 2015 в 17:49

Это все похвально, но в webpack все это можно сделать из коробки, 10ой строк в конфиг файле. Не ломайте себе мозг, используйте webpack.

NeXTs_od 13 ноя 2015 в 16:19

Что-то у меня никогда не получалось gulp-jade-inheritance настроить, с подключением его сборка jade становится моментальной, но и не замечает он изменений никаких )

Зарегистрируйтесь на Хабре, чтобы оставить комментарий