Підключення бібіліотек JScript

Для початку зайди на сайт CDN сервісу https://www.jsdelivr.com/ і знайди необхідну бібліотеку за її ім'ям.

У списку результатів обери необхідну бібліотеку, клікнувши на назву. Після переходу за посиланням, ти опинишся на сторінці з інформацією про бібліотеку.

Скопіюй HTML-код тега script, після чого відкрий свій HTML-файл і додай посилання на скрипт бібліотеки наприкінці HTML-документа, як показано в прикладі.

<!DOCTYPE html>
<html lang="en">
<head>
<!-- head tags -->
</head>
<body>
<!-- HTML-markup -->
<!-- Lodash library script file -->
<script async src="<https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js>"></script>
<!-- Your script file -->
<script defer src="path/to/script.js"></script>
</body>
</html>

Підключення скрипта бібліотеки має бути до підключення твого основного файлу скриптів.

Не забудь додати тегу script бібліотеки атрибут async. Це потрібно для того, щоб файл бібліотеки завантажувався якомога швидше.

При підключенні бібліотек через CDN, до об'єкта window додається властивість, у якій зберігається те, що надає бібліотека. Ім'я цієї властивості унікальне для бібліотеки та описане в її документації. Для Lodash — це символ нижнього підкреслення _.

console.log(_); // Весь об'єкт бібліотеки Lodash