Swiper

There are few options on how to include/import Swiper into your project:

Install from NPM

Install the Swiper Js library using command prompt from the root directory of the project:

npm install swiper

Import the Swiper package.

import Swiper from 'swiper/bundle';
import 'swiper/css/bundle';

Check the below example how to use and make it working swiper on any page.

HTML

<div class="swiper basicSwiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            ...
        </div>
        <div class="swiper-slide">
            ...
        </div>
        <div class="swiper-slide">
            ...
        </div>
        <div class="swiper-slide">
            ...
        </div>
    </div>
</div>

JavaScript

import Swiper from 'swiper/bundle';
import 'swiper/css/bundle';
                    
var swiper = new Swiper("#basicSwiper", {
    loop: true,
    spaceBetween: 0,
});