Как добавить скрипты Codepen в мои файлы (см. Скриншот) - PullRequest
Новая
       52

Как добавить скрипты Codepen в мои файлы (см. Скриншот)

1 голос
/ 28 апреля 2020

Работал над этим кодом: https://codepen.io/aladin94/pen/QWjgKNz

Хотелось бы узнать, как правильно добавить сценарии (для встроенной библиотеки Swiper на codepen) в мои файлы на Кодекс VS.

Я пытался добавить <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/css/swiper.min.css"> в мой тег Head,

и добавить <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/js/swiper.min.js"></script> в конце моего тега Body, но из-за этого мой сайт стал go полностью пустым.

Снимки экрана для кодового ручки: enter image description here

enter image description here

Нужно ли npm установить библиотеки или добавить скрипт в мой пакет. json файл?

1 Ответ

2 голосов
/ 28 апреля 2020

Чтобы добавить swiper в ваш проект, пожалуйста, перейдите на этот сайт: https://swiperjs.com/get-started/

По сути, это то, как вы включаете его: 

<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.css">
<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">

<script src="https://unpkg.com/swiper/js/swiper.js"></script>
<script src="https://unpkg.com/swiper/js/swiper.min.js"></script>
...