Ответы пользователя по тегу Swiper
  • Как подключить swiper в gulp?

    @catherinecd
    HTML / CSS
    Недавно тоже ломала голову, пришла к такому решению:

    1) Устанавливаем npm i swiper
    2) Подключаем его в gulp

    Я создала отдельные функции для этого
    function vendorJS() {
      const modules = [
        'node_modules/swiper/swiper-bundle.min.js',
        'node_modules/swiper/swiper-bundle.min.js.map',
      ];
    
      return src(modules)
        .pipe(dest('build/js'));
    };
    
    function vendorCSS() {
      const modules = [
        'node_modules/swiper/swiper-bundle.min.css',
      ];
    
      return src(modules)
        .pipe(dest('build/css/pages'));
    };


    3) подключаем к странице ( я пользуюсь pug-m по этому код такой )
    //- swiper styles
    link(rel="stylesheet" type="text/css" href="./css/pages/swiper-bundle.min.css")
    //- swiper js
    script(src='./js/swiper-bundle.min.js')
    Ответ написан
    Комментировать