Задать вопрос
mrKhatter
@mrKhatter
программист

Настройка окружения для front end?

Доброго времени суток, друзья!

На каком то сайте видел статью о компонентах, где автор так живо по кусочкам собирает сайт, и мне так обидно стало что я до сих пор верстаю по старинке (нет вы не подумайте, таблицами давно уж не страдаю).
И вот у меня вопрос, как организовать окружение (точнее из чего оно окружение состоит?) Я спрашивал у гугла, гугл мне ответил "node и git ну и БЭМ туда же". Я ему, а дальше то что как из этого суп (сайт) сварить? А он мне загадочно улыбнулся и выдал просьбу "введите-ка капчу".

Увы эта ирония от безысходности.

Спасибо.
  • Вопрос задан
  • 8772 просмотра
Подписаться 49 Средний 1 комментарий
Решение пользователя Worddoc К ответам на вопрос (11)
@Worddoc
Frontend explorer
Понимаю твою проблему. Недавно завершил сборку своего окружения, держи, глядишь понравится:
https://github.com/web-worddoc/primary (Старая сборка)

https://github.com/web-worddoc/Boilerplate (Новая сборка)

html разбит на модули с помощью pug(бывший jade), а именно с помощью встроенных "include"
css разбит на модули и собирается на sass
js разбит на модули с помощью require js(очень сильно не дробил, мне удобнее пока крупными кусками), что особенно удобно, если хочется избавиться от спагетти кода

Сборка сама на gulp, стоит через консоль вбить gulp watch и начать писать код.
Надеюсь поможет)

P.S. Для самой сборки проекта в продакшн, прописываешь gulp build.
Ответ написан