Как использовать Gulp сборки для других проектов?

Question

[Влад ~]

Подскажите пожалуйста
я только начал использовать Gulp и не особо понимаю как использовать сборки для других проектов
нужно каждый раз для нового проекта устанавливать пакеты или можно как-то по другому

Comments

[Froggyweb]

Решение через ж.... но я иногда делаю symlink на папку node modules

[Сергей delphinpro]

Берешь свои package.json/package-lock.json и gulpfile.js, копируешь в новый проект, запускаешь npm install и работаешь. Делов на полминуты.
Заморочками с симлинками я тоже страдал в своё время. Но оно того не стоит.

Answer 1

[Владимир]

Просто в новый проект копируй файлы сборки (без node_modules) открывай консоль
Пиши npm i = как установится уже запускай gulp
или прочти https://zaurmag.ru/programmy-i-servisy/gulp.html#i-2

Answer 2

[Олег]

Зависит от привычки и сборки, мне всегда было лень устанавливать пакеты, поэтому сделал в сборке npm команду для клона c гита нового проекта.

Comments

[Froggyweb]

Вопрос наверное стоял как не тащить 200 M, пакетов из проекта в проект ради нескольких страниц. Сам задавался таким вопросом решения не нашел.

[Олег]

Froggyweb, Верно, я как раз про это, для типовых проектов (например верстки) можно использовать одну сборку, подтягивая с гита только основу (БЭМ блоки).

[Froggyweb]

Олег, нет я про node modules для мелких проектов. Делаю symlink иногда, но решение так себе....

Answer 3

[profesor08]

Берешь минимальный набор файлов, позволяющий установить все необходимое и запустить базовый шаблон. Пушишь его в гит. Потом в новой папке просто клонируешь с гита, меняешь название и делаешь npm install. Можешь пойти дальше и сделать свой собственный пакет, который будет за тебя все скачивать, устанавливать, задавать параметры, формировать каталоги и тд. Все в твоих руках, тыж программист или как?

Comments

[lukoie]

ну вот почему никто не сделает подобную штуку, а каждый выдумывает свои велосипеды?
почему мне и нравится пользоваться Prepros и codekit

[profesor08]

lukoie, потому что никто не угадает что тебе нравится, как тебе нравится, почему тебе так нравится, и тд. Либо тебя устраивает то, что есть, либо пилишь сам.

[lukoie]

profesor08, та ну. не правда. это ВОЗМОЖНО сделать. и пример codekit этому подтверждение
сюда же - composercat, которым я пользуюсь вместо композера и smartgit для гита. вполне возможно сделать простой и интуитивно понятный инструмент поверх распространенных cli проектов

[lukoie]

Другими словами, вот это "тыжпрограммист" для меня значит что должно существовать нечто, что постоянно упрощает рутину, т.к. программисты в теории должны бы стремиться к упрощению и могут создавать для этого приложения.
То есть, в идеале нужно чтобы в винде ли, на маке ли, или в линуксе можно было создать директорию, и в ней одним или двумя кликами "создать проект тут", что откроет окно для более тонкой настройки - выбрать свой репозиторий(то есть оно УЖЕ должно быть подключено, и всё что требуется, это указать имя репы для проекта, и всё, никаких больше телодвижений - прога должна всё остальное сделать сама).
Как смартгит делает.
Также там же нужно указать что будет собираться и куда. Или даже не нужно - она сама должна сделать дев и дист, и понимать что если в деве появился сасс, то его нужно автособирать в дист.
Как препрос делает.
Также там же надо простым автокомплитом выбрать галочками зависимости, и прога должна сама их скачать и мониторить.
Как композеркет и codekit(со встроенным bower) делает.

[lukoie]

Например, в кодеките пишешь в файле стиля @import bourbon, и ВСЁ! Кодекит увидит эту строку, и сам скачает и поставит тебе бурбон. Вот это я понимаю "тыжпрограммисты" : )
Или сам формат препроцессора кит - пиши себе как угодно, хоть
@import "header.php" хоть @include header - результат будет один и тот же. Потому что "тыжпрограммисты" делали, красавчики : )

[Сергей delphinpro]

lukoie, а ваш кодкитовский проект можно собрать без кодкита?

[lukoie]

Сергей delphinpro, да

[Сергей delphinpro]

lukoie, могли бы и более развернутый ответ дать для виндузятника. я ведь никогда не увижу кодкит. как проект выглядит, как он конфигурируется. это просто умный гуй над npm или что.

[lukoie]

Сергей delphinpro, я на винде делаю всё то же в Prepros - и Вам рекомендую попробовать хотя бы. Хоть он и не настолько комбайн, но всё что надо делает так же непринужденно. После него я на галпы с грантами как то странно смотрю. доспромпта мне хватило в девяностых, не понимаю зачем насиловать себя и свою память, если можно это же время потратить на реальную работу, а не обслуживание проекта.

[Сергей delphinpro]

lukoie, вы проигнорировали мою просьбу. ну да ладно.
что касается препросов и прочих под винду, я уже благополучно переступил этот этап. К счастью он был в моём случае весьма коротким.

[lukoie]

Сергей delphinpro, если о Вы спрашивали может ли что-то кроме кодекита собирать .kit проекты, то есть сборщик и для галпа, и как уже писал, Препрос тоже собирает .kit
В двух словах, .кит это расширение для хтмл, которое добавляет в хтмл переменные и инклюды, причем экранируется комментом, так что даже не собранный проект можно просматривать в браузере.

[lukoie]

Сергей delphinpro, и куда? вебпак?

[Сергей delphinpro]

lukoie, можно посмотреть пример какого-нибудь проекта?

gulp/webpack, на текущий момент альтернатив для сборки фронта нет.

[lukoie]

ну как пример скрин того что было под рукой, бутстрапная верстка.
справа видно как инклюжу хеад, специфичное для страницы, и хедер сайта. Потом идет обычное тело. И в конце инклюжу подвал для страницы(где специфичные для страницы скрипты, если надо) и подвал общий. По тексту где надо точно так же инклюжу то, что можно реюзать - например _news.kit _reforms.kit _services.kit это такие себе слайдеры, которые то там то сям надо реюзать.
если файл начинается с _ значит кит его не будет собирать, а будет знать что это инклюд. Потому где будет находить инклюд в тексте и названием без расширения - все равно заинклюдит. Инклюдить можно и файлы с другим расширением(например .пхп) - тогда его нужно будет указать.

[lukoie]

Сергей delphinpro, а можете рассказать почему Вы считаете что альтернатив нет, и что именно галп/вебпак делает у Вас такого, что препрос может не справиться?

[lukoie]

Сергей delphinpro,
пример с инклюдом(хеад сайта и ниже менюшка) и переменной.
Эта переменная потом в менюшке указывает какой пункт меню считать активным. То есть, грубо гвооря, при сборке на страницах к нужному пункту меню приделывается класс .active
а в общем "компоненте" менюшки у нас просто стоит переменная.
В списке файлов видно что у меня есть даже целые секшны для инклюда то там то сям.

[Сергей delphinpro]

lukoie, с html более или менее понятно. своя система инклудов. хорошо, если кто-то написал консольный билдер или плагин для галпа. тогда жить можно. какая-никая, а кроссплатформенность. если такой утилиты нет, все плохо.

А что со стилями? Или javascript?

что именно галп/вебпак делает у Вас такого, что препрос может не справиться?

т.к. я давно юзал эту прогу, то посмотрел что она умеет на сегодняшний день. Компиляторов много, но их кол-во ограничено встроенными, нельзя использовать кастомые. Я привык к twig, он не поддерживается.
Даже поддерживаемые компиляторы нельзя расширить. У меня например, для генерации документации к верстке (примеры и код примеров) шаблонизатор расширен собственными тегами.
На сайте не указан используемая версия sass. Хорошо, если четверка. А если нет, некоторые фичи он просто не поймет. Ну это ладно, мелочи, скорее всего там latest version.
Мне надо совершить какое-то необычное действие при сборке. Неважно какое, важно, что создатели кодкита/препроса не предусмотрели ничего подобного, и этого нет в программе. Я же просто напишу то что мне нужно сделать на джаваскрипт и буду счастлив.
Самое главное, чего он не может - работать из командной строки =) как бы пародоксально это не звучало, гуй из консоли =))
А значит я не могу его запустить системой деплоя. Ну или гит-хуком.
Вот у меня проектик крутится один. Сам лежит в репозитории, когда я пушу в мастер ветку, дергается веб-хук, сервер подтягивает свежую версию из репы и собирает ее. Классно же?

Про сборку/разработку Vue/React наверное стоит промолчать? В препрос никаких упоминаний об этих вещах.

Ну и так далее.

В общем гуй хорош для начинающих, или для небольших проектов, или для просто верстки. Для серьёзной работы вряд ли. Много ограничений будет вылезать постоянно.

[profesor08]

УЖС. Для фреймворков есть свои vue create/ create-react-app и тд. Для чего-то другого есть например yeoman. Но обычно минимального конфига вэбпака хватает.

[lukoie]

В общем гуй хорош для начинающих, или для небольших проектов, или для просто верстки. Для серьёзной работы вряд ли. Много ограничений будет вылезать постоянно.

Вы видели мой самый первый коммент в этой ветке?

[lukoie]

с html более или менее понятно. своя система инклудов. хорошо, если кто-то написал консольный билдер или плагин для галпа. тогда жить можно. какая-никая, а кроссплатформенность. если такой утилиты нет, все плохо.

оно еще и опенсорсное
https://github.com/bdkjones/Kit

т.к. я давно юзал эту прогу, то посмотрел что она умеет на сегодняшний день. Компиляторов много, но их кол-во ограничено встроенными, нельзя использовать кастомые.

Есть паг и сасс. Есть также лесс/стайлус и еще пару наиболее развитых. По моему, нормальный подход.

А что со стилями? Или javascript?

Примерно вот так

На сайте не указан используемая версия sass. Хорошо, если четверка.

Это можно посмотреть прямо в программе:

Я же просто напишу то что мне нужно сделать на джаваскрипт и буду счастлив.

Если мне тоже понадобится что-то сверх того, что делает сборщик, я точно так же могу добавить дополнительный инструмент в цепочку. Другое дело, что такие задачи не настолько часто возникают, чтобы делать их из коробки в первую очередь. Мне вот такая задача еще не возникала. И не вижу нужды паковать ее в коробку.

Самое главное, чего он не может - работать из командной строки

Он себе пыхтит в фоне, собирает все изменения и лайврелоадит. Пока ну вообще не возникло потребности передавать из коммандной строки.
Это зиро конфиг инстумент. Который запустил и оно работает.
А то что Вы пишете это уже devops где гую не используют. То есть вообще не понял претензию.
Если Вам нужно то же самое, только чтобы коммандная строка, попробуйте parceljs.org