Блог веб-разработчика v 1.0.0
Symfony2, AngularJS, React, Gulp, PhpStorm и много других страшных слов

Правильное подключение скриптов с GitHub напрямую в страницу

9 лет назад
15391 просмотр
CSS Git GitHub JavaScript Полезности

Наверняка вы не раз видели, что GitHub запрещает использовать прямые ссылки на файлы при подключении в страницу. Проще говоря, использовать GitHub как CDN невозможно, т.к. он специально отдает неправильные заголовки и ломает подключение файла в браузере.

Как же так и что делать?

Но как ни крути, использовать GitHub как CDN все равно хочется. Для этого был придуман проект RawGit.

На главной странице можно просто вставить ссылку на желаемый файл и получить ссылку на этот же файл, но с правильными заголовками. Причем целых две ссылки: одна для дев-окружения, другая на продакшн.

Пример

пусть мы хотим подключить на страницу этот файл:

https://github.com/IAkumaI/iDialog/blob/master/src/js/idialog.js

Вставляем его в RawGit и получаем следующие ссылки:

https://rawgit.com/IAkumaI/iDialog/master/src/js/idialog.js - для тестового окружения
https://cdn.rawgit.com/IAkumaI/iDialog/master/src/js/idialog.js - для продакшн окружения

Как видите, на самом деле достаточно заменить домен, а путь остается тот же самый.

Что еще почитать
Создание CSS спрайтов с помощью Gulp
9 лет назад
14845 просмотров
Урок по созданию CSS спрайтов с помощью таск-менеджера Gulp. В отличие от других инструментов: средонезависимо, быстро, удобно, переносимо, настраиваемо.