Github объединяет несколько файлов в один сжатый мастер-файл - PullRequest
0 голосов
/ 01 июля 2019

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

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

Это может показаться простым для людей, которые используют Github, но я использовал Github только для хранения кода и фрагментов в прошлом и никогда особо ничего не делал с ним.Я попытался найти информацию об этом, и я нашел материал о слиянии репозиториев / веток, но, похоже, он не делает всего, что мы хотели.

Может ли кто-нибудь помочь с тем, что мне нужно сделать?или укажете мне руководство по настройке и выполнению того, что нам нужно, как описано выше?Или есть что-то, что может сделать это вне Github?

Спасибо, Майкл

1 Ответ

2 голосов
/ 01 июля 2019

Отказ от ответственности: я не знаю, как это делается с Github, поэтому я рекомендовал Глоток

Что такое глоток?

Gulp - это средство запуска задач, созданное на основе Node.js и npm, которое используется для автоматизации трудоемких и повторяющихся задач, связанных с веб-разработкой, таких как минификация, конкатенация, очистка кэша, модульное тестирование, линтинг, оптимизация и т. Д.

Зачем использовать gulp в вашем случае?

Приятно иметь много разных js и css файлов, чтобы иметь хороший обзор вашего проекта. Перенос всего этого в один файл хорош для производительности, но боль в заднице изменить это позже. С Gulp вы можете уменьшить ваши CSS или JS в один файл, но при этом сохранить исходные файлы.

Как использовать глоток?

Gulp широко документирован во всем Интернете. Так что пока неясно, я просто даю несколько полезных ссылок:

Настройка

https://riptutorial.com/gulp/topic/1341/getting-started-with-gulp

Minify JS

https://riptutorial.com/gulp/topic/4397/minifying-js

Сократить CSS

https://riptutorial.com/gulp/example/25432/minifying-css

После минимизации добавьте в свой репозиторий и измените ссылки на все файлы css / js на этот файл js / css. И вы сделали!

Удачи!

...