Как сделать ссылку на CDN в папке для нескольких страниц в HTML - PullRequest
Новая
       31

Как сделать ссылку на CDN в папке для нескольких страниц в HTML

0 голосов
/ 13 июля 2020

Я потратил довольно много времени на поиск в Google, но я просто не знаю, как сформулировать вопрос, потому что я, вероятно, не знаю правильных слов, которые помогут мне найти ответ.

Я хочу протестируйте Bootstrap 5 на веб-сайте с несколькими страницами, чтобы просто повозиться с ним. Я пытаюсь создать CDN в папке, а затем ссылку на CDN для каждой страницы в тегах. Таким образом, когда они обновят альфа-версию, я могу просто обновить ссылку в одном месте и получить ее go для каждой страницы вместо необходимости go для каждой страницы по очереди и обновлять ссылку там. Имеет ли это смысл? Возможно ли это?

Изменить: чтобы помочь понять, что я здесь использую. Я работаю со страницами GitHub, которые не позволяют PHP.

Ответы [ 2 ]

1 голос
/ 13 июля 2020

Вы можете создать один css файл для своего проекта и назвать его как хотите, например bootstrap.css. Затем вы можете импортировать эту ссылку bootstrap-5-aplha в этот css и использовать этот файл css на любой странице, которую хотите. Так что, когда вы захотите изменить, вам просто нужно будет изменить это link вашего импорта. 

@import url('https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css');

И если вы хотите сделать то же самое для своего js файла, вам просто нужно создать single js file и назовите его как хотите для примеров bootstrap.js и назовите его тегом script чуть выше закрывающего </body> tag html, а затем в свой js файл вам нужно вставить этот код: 

var script = document.createElement('script');
var script2 = document.createElement('script');
script.type = 'text/javascript';
script2.type = 'text/javascript';

script.src = "https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"; 
script2.src = 'https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js';

script.integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/";
script2.integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo";

script.crossOrigin="anonymous";
script2.crossOrigin="anonymous";

document.body.appendChild(script2);  
document.body.appendChild(script);

Он генерирует два файла script для вашего проекта: один - bootstrap.min.js, а другой - popper.js

Я звоню script2 перед script , потому что popper должен вызываться перед bootstrap.min.js.

всякий раз, когда вы хотите обновить ссылку js, вам просто нужно обновить src для обоих.

Не забудьте обновите свой вопрос, так как он выделяет только часть css.

0 голосов
/ 13 июля 2020

Да, это возможно. Что вам нужно сделать, так это создать файл, назовем его header. * * с расширением **, которое будет зависеть от вашего стека. Наконец, вам нужно связать этот файл с вашим основным кодом. Конечно, вы должны знать о пути при подключении файлов, и в зависимости от языков, которые вы используете, синтаксис будет отличаться. Это просто страница html с bootstrap? Тогда самый простой способ - связать их с PHP или, по крайней мере, так я делал до сих пор с проектами.

...