Пусть только стили собирает

мне кажется легче уже на галпе собрать

да и галп тут не нужен

node-sass

зачем таск менеджер если таска одна

Ребят, кто может помочь настроить hot reload c MiniCssExtractPlugin?  пи**ец как измотался, пол дня вшатал, консоль говорит ок, на деле 0. исходники могу кинуть, если что. или хотя бы рабочий конфиг есть у кого?

Он и так из коробки должен работать. Опишите в чем проблема?

А подключать core-js@3 в package.json ?

Всем привет.
Не получается подключить jquery plugin при сборке webpack-ом.
Есть 2 отдельных js: app.js и slider.js (слайдер нужен только на 2 страницах, поэтому подключаю отдельно)

в app.js:
window.$ = window.jQuery = require('jquery')

в slider.js:
import 'slick-carousel'

в итоге $(...).slick is not a function
$.fn.slick === undefined

если в slider.js подключить jquery: import $ from 'jquery', например. То всё ок, слайдер работает. Но трабла в том, что мне не надо затягивать в slider.js jquery, т.к. я хочу юзать этот файл на отдельных страницах, когда надо и не хочу тащить код слайдера на все остальные.

На скрине исходник плагина, выполняется первое условие define(['jquery'], factory);
если оставить только factory(jQuery); - то плагин отлично подрубается

вебпак юзаю из пакета laravel-mix, доступ к конфигу есть

у либы по данной проблеме есть 2 issue. в котором пишут сделать так:
import $ from 'jquery';
import 'slick-carousel';
но мне не подходит

А жиквери зачем?

весь фронт его юзает, а slick вроде через него работает

plugins: [
       new webpack.ProvidePlugin({
           $: "jquery",
           jQuery: "jquery"
       })
   ],
это тоже затягивает в каждый отдельный js копию jquery

На выходе нужно получить dist/assets/app.css бандл. + при этом нужна горяча подгрузка, т.е. в dev режиме из src меняю свои .scss - получаю результат в браузере без перезагрузки. конфиг: Лоадеры, плагины, девсервер (на скрине). запускаю npm run dev - измененяю стили из src - браузер молчит, хотя сообщения в консоли идут "[HMR] Reload all css". Какие варианты решения тут могут быть?

".к. я хочу юзать этот файл на отдельных страницах, когда надо и не хочу тащить код слайдера на все остальные."

а можно подробнее какой файл вы хотите заюзать?

значит в каждом файле где фронт его юзает надо сделать import $ from 'jquery';

ну это не вариант, потому что к странице подключается раздельно:
app.js - общий
home.js - логика только для главной страницы
slider.js - код со слайдером только на тех страницах где он нужен. Следовательно втаскивать в slider.js 40K jQuery, когда он есть уже в app.js - это перечеркнуть всю идею.
пока психанул и просто скопировал вебпаком файл slick.min.js в папку plugins и подключаю его, а скрипты для слайдера (инициализации), которые хотел использовать в slider.js, вынес в app.js, т.к. их относительно не много.