Не могу понять почему если я подключаю библиотеки в 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?