Конкатинация CSS/JS при помощи gulp и как переподключение в файле index.html?

Question

[Sergey Romanov]

Вот не могу сообразить. Значит есть файл инедкс и там

<script src="assets/js/app.js"></script>
<script src="assets/js/services.js"></script>

Теперь я использую gulp и конкатинирую все это в один файл и минимизирую и сохраняю в assets/js/app.all.min.js

Как мне теперь быть? Нужно что бы во время разрабоки у меня было то что вверху, все файлы по одному что бы не запускать постоянно команды, а после выкладки на сервер, нужно поменять это на

<script src="assets/js/app.all.min.js"></script>

Для автоматизации развертки я использую flightplan. Так что я могу на сервере запустить тоже gulp команды. Но вот не могу понять что искать вообще. Какие слова тут ключевые? Или что можете посоветовать?

Answer 1

[Юрий Пузыня]

Есть несколько вариантов решения.
1. В лоб - создаем еще один index.html, кладем его в папку predefined, при сборке копируем оттуда в папку build. Естественно в этом файле прописаны только пути для сжатой версии. Такой вариант подойдет, если index это единственный html файл, и других различий в нем не будет.
2. Используем шаблонизатор - например jade, или любой другой поддерживающий include. Компилируем шаблоны на этапе сборки.

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

Другими словами относитесь к сборщику (если уж решились его использовать), так же как и к тестам - это часть проекта, а не внешнее необязательное окружение.

Comments

[Sergey Romanov]

Да, это можно настроить я думаю. Спасибо. Я об этом думал, но отказался от этой мылси из за того что в проекте на гитхабе учавствует несколько человек, и они ни в зуб ногой про этот ноуд, npm и gulp. Для них это стаент небольшим вызовом, что бы все установить, настроить и работать.

Думаю другое решение это пока проект реально на продакшн не публикуется, продолжать пока так. Тут как бы скорость загрузки не большая разница, а потом когда надо будет рально релизить на продакшн, тогда уже сделать сборку, и начать с ней работать.

Не хочется народ напрягать. Хочется что бы они подолжали работать в привычном режими а уж этой автоматизацией я сам занимался.

Answer 2

[iboozy]

Думаю, вам сюда: https://github.com/klei/gulp-inject

Comments

[Sergey Romanov]

Спасибо. Не плохой ресурс.