Como dice el título, necesito ayuda para saber cómo importar swiperjs. Soy bastante nuevo en Javascript, así que todavía estoy aprendiendo las cuerdas.
Ya lo instalé a través de NPM y si lee el documento dice "Por defecto, Swiper exporta solo la versión principal sin módulos adicionales (como Navegación, Paginación, etc.). Por lo tanto, también debe importarlos y configurarlos". Mi problema y pregunta es ¿cómo y dónde? ¿Paso a configurarlos? ¿Entro en Swiperjs core.js y lo configuro allí o uso mi app.js actual y agrego la importación allí? o crea un nuevo archivo js y hazlo allí?
Gracias por tomarse el tiempo para responder a mi pregunta.
PD: Todo lo que estoy usando es html, css, sass, javascript, Jquery como marco y uso Babel
Si alguien no usa webpack, simplemente use require
const Swiper = require('../../node_modules/swiper/swiper-bundle');Nota: corrija la ruta de su carpeta node_modules. Para mí, nada funcionó arriba.
Puede importar Swiperjs dentro de su app.js si ese es su archivo principal.
Lo importas con este código:
// core version + navigation, pagination modules: import Swiper, { Navigation, Pagination } from 'swiper'; // import Swiper and modules styles import 'swiper/css'; import 'swiper/css/navigation'; import 'swiper/css/pagination'; // configure Swiper to use modules Swiper.use([Navigation, Pagination]); // init Swiper: const swiper = new Swiper(...);