Как сделать свой сборщик front end-a?

Question

[Ростислав]

Пробовал БЭМ - подход понравился, но он сильно привязывает к своим технологиям и сложен для верстальщика не доросшего до front end разработчика.
Пробовал TARS - все круто, но он походу не очень поддерживается и каждый раз приходится править различные косяки.
Пробовал написать свой - не особо получилось.
Пришел к выводу что таки придется написать свой. Посоветуйте как (с помощью каких gulp плагинов) реализовать следующее:
- структура проекта - как у БЭМ/Tars, в компонентном стиле: css, js, html, изображения лежат в одной папке и объединяются при сборке;
- подддерживает twig/pug;
- не отваливается (при удалении файлов) и следит за новыми файлами без необходимости перезапуска;
- пересобирает проект при изменении файлов (при изменении файлов компонента пересобирает всю страницу).
- разумеется autoprefixer, livereload и прочее.

Comments

[Hyubert]

ето наверно минимум, с которым можно собирать Бэм проект
- gulp-watch (вместо стандартного gulp.watch)
- gulp-pug
- gulp-sass (или любой другой)
- gulp-rename
- gulp-postcss
- gulp-concat
- browserSync

Answer 1

[Олег]

Можете глянуть у меня и попробовать (вроде все требования из вашего списка есть), ну или просто посмотреть реализацию и написать уже свое.

Answer 2

[Anton Filippov]

просто почитайте документацию по галпу и сделайте свою сборку, структуру настроите сами, паг/твиг/браузерсинк подключите туда же

Answer 3

[Dima Polos]

Вот несколько плейлистов
Мне кажется, если вникнуть, то эти видео помогут сделать свою систему сборки, именно как Вам надо. В плейлисте по галпу есть инфа, как создать свой плагин. А по поводу вебпака, так вообще гибкая штука.