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

Question

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

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

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

Answer 1

Вы можете создать сингл 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 файла, вам просто нужно создать один js файл и назовите его как хотите для примеров bootstrap.js и назови это с script тег сразу над закрывающим </body> тег 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.

Answer 2

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