Как установить Slick Carousel, используя NPM и Gulp? - PullRequest
Новая
       97

Как установить Slick Carousel, используя NPM и Gulp?

1 голос
/ 23 февраля 2020

Не могу найти никакой документации по этому вопросу, кроме npm install slick-carousel на npm веб-сайте . У меня нет большого опыта установки плагинов таким образом, так что если кто-нибудь может мне помочь, это будет здорово.

Вот что я собрал до сих пор:

  • Я устанавливаю jquery через npm, чтобы slick-carousel мог работать, и я устанавливаю его с npm install jquery --save, чтобы (из того, что я собрал), он был включен в зависимости в моем файле package.json.
  • Затем я устанавливаю гладкую карусель таким же образом, используя npm install slick-carousel --save

Но что тогда? Я видел, как люди говорили, что мне нужно require/import некоторые файлы в моих global.js и style.scss файлах, но я не могу понять, какие из них или как? Ничего из того, что я добавляю, не работает.

Может кто-нибудь дать мне краткое изложение этого или указать мне правильное направление, чтобы прочитать его, потому что я честно потерян?

Спасибо!

1 Ответ

0 голосов
/ 07 мая 2020

Они говорят о процессе связки, который вы можете делать со своими файлами. Если вы новичок в этой концепции, вы можете себе представить, что Gulp (я так понимаю, вы его используете) может взять несколько файлов, изменить их и скомпилировать их в нечто гораздо более сложное: что-то вроде компиляции вашего s css или меньше файлов в css, или заставьте вас использовать более новые версии javascript и перенести его в код, совместимый с менее современными браузерами. Вы можете начать отсюда, если вас интересует

https://css-tricks.com/gulp-for-beginners/

В случае скользкой карусели это то, что вы можете сделать:

Сценарии 

import $ from 'jquery'
import 'slick-carousel'

window.jQuery = window.$ = $;

Стили

В своей папке ресурсов я копирую ресурсы из node_modules внутри каталога проекта: 

slick
|_fonts 
|_ajax-loader.gif 
|_slick.scss / .less
|_slick-theme.scss / .less

Это потому, что я могу легко импортировать их внутри моего проекта, настраивая по необходимости 1.9 вы можете найти его в npm пакете slick-carousel-latest.

Надеюсь, это поможет, ура!

...