Есть аналог swiper слайдера, но легче по весу?

Question

[Stepan1998]

Понравился swiper слайдер, но его минимальная сборка на 150кб
Есть что-то полегче, но такой же крутой?
Интересует больше возможность свайпа на мобильной версии

Comments

[Александр Шипин]

не минимальная, а минифицированная :)
меньше - пишите сами своими руками (без лишних возможностей для полноценной версии), добавив

// el - ваш элемент, который будет выполнять действия
el.addEventListener("touchstart", handleStart, false); // handleStart - действие при старте нажатия
el.addEventListener("touchend", handleEnd, false); // handleEnd - действие при окончании нажатия
el.addEventListener("touchmove", handleMove, false); // handleMove - действия на движения в нажатом состоянии

Answer 1

[Дима Паутов]

Свайпер можно кастомизировать, взяв из него то, что вам нужно.

Вот выдержка из доки:
https://swiperjs.com/get-started

import Swiper, { Navigation, Pagination } from 'swiper';
  // import Swiper and modules styles
  import 'swiper/css';
  import 'swiper/css/navigation';
  import 'swiper/css/pagination';

  // init Swiper:
  const swiper = new Swiper('.swiper', {
    // configure Swiper to use modules
    modules: [Navigation, Pagination],
    ...
  });

Comments

[Stepan1998]

Сейчас берется только

import swiper from 'swiper-boundle.esm.browser.min.js'

Но я так понял там всё завязано друг на друга и в итоге мы получаем весь этот файл
В нетворк показывает, что подгрузка 140кб этого JS файла

ошибка при ссылке на core.js и другие файлы, где есть swiper

Uncaunght TypeError: Failed to resolve module speceifier "ssr-window". Relative reference must start with either "/", "./" or "../"

Answer 2

[Максим Морев]

> Есть что-то полегче, но такой же крутой
Это взаимоисключающие вещи ;) У Swiper нет реальной конкуренции.

И откуда вы взяли 150кб?
Он даже в своей 4 версии весил максимум 120, ныне разбит на модули много лучше и его ядро весит 63Кб.

Comments

[Stepan1998]

import swiper from 'swiper-boundle.esm.browser.min.js'

Он весит 141кб
В нетворк показывает, что подгрузка 140кб этого JS файла, а не части его

[Максим Морев]

Stepan1998, ну так вы делаете импорт из бандла, в который включено всё.
Это не минимальная сборка, а максимальная без разбивки на модули.

[Stepan1998]

Максим Морев, а как минимальную собрать по такому же принципу?
Я только из этого файла смог swiper выдернуть

[Максим Морев]

Stepan1998, если бы без сборщика в браузере балуетесь - не скажу, не знаю.
Если есть сборщик - то следуйте инструкциям https://swiperjs.com/get-started

[Stepan1998]

Максим Морев, ошибка при ссылке на core.js и другие файлы, где есть swiper

Uncaunght TypeError: Failed to resolve module speceifier "ssr-window". Relative reference must start with either "/", "./" or "../"