@LevSuprem

Как правильно подключать библиотеки в main.js?

Не могу понять почему если я подключаю библиотеки в index.html:
<script src="/assets/libs/jquery/jquery.min.js"></script>
<script src="/assets/libs/slick-carousel/slick.min.js"></script>

<script type="text/javascript">
    $('.designer-slick-slider').slick({
        dots: true,
        infinite: true,
        speed: 1000,
        slidesToShow: 1
    });

    $('.second-scr-slider').slick({
        dots: true,
        infinite: true,
        speed: 1000,
        fade: true,
        cssEase: 'linear',
        arrows: false,
        autoplay: true,
        autoplaySpeed: 6000,
    });
</script>


то все ок и все работает. Но если я делаю тоже самое внутри файла main.js:

import "../../node_modules/slick-carousel/slick/slick.js"
import "../../node_modules/jquery/dist/jquery.js"

window.onload = function() {

    $('.designer-slick-slider').slick({
        dots: true,
        infinite: true,
        speed: 1000,
        slidesToShow: 1
    });

    $('.second-scr-slider').slick({
        dots: true,
        infinite: true,
        speed: 1000,
        fade: true,
        cssEase: 'linear',
        arrows: false,
        autoplay: true,
        autoplaySpeed: 6000,
    });

}


то не работает. В билде в файле main.js - минимизированный код библиотек присутствует, ломаю голову почему не работает должным образом. Как правильно подключать библиотеки из node_modules?
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
dimovich85
@dimovich85 Куратор тега JavaScript
https://u-academy.net/
попробуйте просто так:
import $ from 'jquery';
import 'slick-carousel';
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 06:06
1500 руб./в час
22 нояб. 2024, в 06:04
1 руб./за проект
22 нояб. 2024, в 03:54
1500 руб./за проект