js modular file import file Method swiper.js

es6 import:

At the top of js file

import Swiper from "../../assets/javascripts/swiper.min";
import '../../assets/styles/swiper.min.css';

const mySwiper = new Swiper('.swiper-container', {
            slidesPerView: 'auto',
            centeredSlides: true,
            spaceBetween: 20,
 })

commonjs import:

In the top js file:

const Swiper = require("../../assets/javascripts/swiper.min")

If you do not define Swiper name, it will error:

Uncaught ReferenceError: Swiper is not defined