Какими средствами вы минимизируете и собираете css и js перед выкладкой на продакшн?

Question

[evnuh]

Интересует вопрос - какими средствами вы решаете данный вопрос перед выкладкой на продакшн? Вручную? Автоматизируете? Если да, то как? Grunt? А что-нибудь не на Node.JS? Как с версионностью? Интересно именно js и css вкупе, да еще и автоматом желательно.

UPD от февраля 2014:
http://brunch.io - теперь наш выбор!

Answer 1

[Александр Фанамуров]

А еще есть замечательный инструмент Prepros

Comments

[evnuh]

@Fanamura ура! То, что искал, спасибо!

[Никита Гусаков]

@evnuh странный вы человек)) ноду ставить не хотите, а пол хрома - хотите

[evnuh]

@hell0w0rd эти полхрома удалить гораздо проще, чем ноду. Плюс это уже готовое решение, в отличие от нода + грант + разбирательство с грантом и конфигами.

[Никита Гусаков]

@evnuh не согласен. Вы на сервер prepros не поставите, а вот грант - запросто. Сборки реальные лучше на сервере проводить, а не в репозитории всюду таскать

[evnuh]

@hell0w0rd дело вкуса на самом деле, я точно хочу убедиться, что все собралось верно до выкладки на продакшн. Проблемы добавить /theme/build в .gitignore тоже не вижу.

[Никита Гусаков]

@evnuh ну вот добавив в игнор - как на продакшене соберете? Убедиться можно легко - на локалхосте. А вот собрать на сервере - никак. Уверяю вас - конфиг гранта очень прост.

Answer 2

[evnuh]

Поцаны, короче я решил не ходить сложными путями, нашел готовый класс на PHP который по API у closure compiler сжимает и пакует JS + сжимает и пакует css своими силами (minify, если не ошибаюсь). Максимально примитивно все.
Вот ссылка (не смотрите что для CodeIgniter, это всего-лишь класс на PHP): https://github.com/slav123/CodeIgniter-minify . Даже приняли мои коммиты :)

Comments

[evnuh]

@hell0w0rd нормально?) на сервере собирается, запускается кнопочкой из админки, никаких конфигов, только массив из путей к файлам.

[Никита Гусаков]

@evnuh не знаю нормально или нет) Мне очень странно, что вы не хотите зависить от nodejs, а от java - да пожалуйста)
https://gist.github.com/hell0w0rd/3525c5b890cf6932fd57 - вот вам простейший пример. Завтра вам понадобится еще собирать stylus, а потом сжимать картинки, а потом захотите раздавать статику уже сжатую.
А для этого всего есть модули под грант и настроить их очень просто

[evnuh]

@hell0w0rd почти уже убедили, спасибо. Вот когда надо будет статично gzip-ать, то подумаем. Зачем сжимать картинки? Они и так под Хаффманом.

[Никита Гусаков]

@evnuh я имею ввиду понижать качество, убирать мета-информацию.

[evnuh]

@hell0w0rd а, так оно при загрузке сразу делается.

Answer 3

[evnuh]

UPD от февраля 2014:
http://brunch.io - теперь наш выбор!

Answer 4

[Алексей]

https://developers.google.com/closure/compiler/?hl=en&csw=1
Если говорить только о js, лучше сложно найти.

Comments

[evnuh]

@ScorpLeX очевидно и понятно, что для минификации JS он вполне подходит, но, к сожалению, вопрос был о другом.

Answer 5

[gotmeth]

это скорее всего не полезный ответ для тс, но для меня отличным решением стао плагин PHP&Web Tools для Coda2.

Comments

[evnuh]

@gotmeth Он у меня стоял, но я его снес за ненадобностью. Все-таки мне нужно одной кнопкой сразу все минимизировать и собирать.

[gotmeth]

@evnuh забавный ник =) действительно prepros кажется довольно удобным инструментом. полезный вопрос получился.

Answer 6

[Никита Гусаков]

а в чем проблема с nodejs? Есть assetic для php, им пользуюсь в симфони-проекте
О какой версионности вы говорите?

Comments

[evnuh]

@hell0w0rd В Node..JS проблема в нем самом. Для такой тривиальной задачи ставить его а затем и его пакетный менеджер не хочется.

[Сергей Протько]

не хочется, ставьте java и google closure compiler

Answer 7

[Назар Мокринский]

Если вручную - в PhpStorm правой кнопкой по файлу, Refactor > Compress

Comments

[evnuh]

@nazarpc PhpStormа нет, плюс у вас только минификация, а нужна еще и упаковка.

[Par Mactep]

@nazarpc это круто, но почему-то у меня нет такой фичи(

[Назар Мокринский]

@parmactep Странно, а какая версия? У меня 7.1, по-моему ещё в шестой видел

[Par Mactep]

@nazarpc 7.0 Может у вас плагин какой включен. Нужно будет погуглить на эту тему.