webpack4 Swiper模块化

• 安装swiper

npm i swiper -S

• 在主文件(index.js)中引入

swiper组件模块化，需要引入对应的组件才能使用 swiperjs.com/vue#swiper-…

import Swiper, {Pagination, Mousewheel} from 'swiper';
import 'swiper/swiper-bundle.css';
Swiper.use([Pagination, Mousewheel]);

• 生成实例对象

    new Swiper('.swiper-container', {
      direction: 'vertical',
      mousewheel: true,
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
    });