Sass, post-css plugins, minify ALL STYLES. Full of webpack preprocessors.

Подписаться 6 тыс.

Просмотров 50 тыс.

50% 1

In this video, we will continue to customize the Webpack template. We will include the mini-css-extract-plugin for the SCSS (Sass) preprocessor, and we will also deal with other preprocessors. Enable post CSS plugins: autoprefixer, css-mqpacker, cssnano
--------
🚀 Thanks to your support, new videos are coming out:
tocode.ru/supp...
--------
🚀 New course on view 3 - tocode.ru/r/v3...
Enter promo code "Webpack" and get a discount :)
--------
► VK group, where I publish various news:
tocoderu
📘 Article from the video + sources: vk.cc/9KsdxT
Repository: github.com/ved...
--------
Questions about the video, ask in the comments, and we can chat in groups:
► Add as a friend - id26133...
► VK group - tocoderu
Discord - / discord
Telegram - t.me/jackcoder
Links from the video:
github.com/web...
github.com/pos...
github.com/pos...
autoprefixer.g...

Опубликовано:

30 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 253

@ArtemVerbat 5 лет назад

postcss.config.js правильнее положить в корень, на уровне с остальными конфигами. В таком случае он сам определяется, его не нужно подключать в webpack.config.js. В src кладут то что нужно для прода, а не для разработки cssnano можно без опций подключать, так как удаление коментов по умолчанию работает

@tocode 5 лет назад

Artem Verbat с кофигом согласен, все конфигурации в корне должны быть. Тут я тупанул. А css-nano больше для примера того, как писать опции под все плагины)

@seanlangley7467 5 лет назад

Спасибо что написал, иногда коменты збс помогают

@Геннадий-с5э 5 лет назад

Господи, у меня голова сейчас взорвется, как же много настроек

@irvinscasull2334 5 лет назад

Благодаря твоим видео наконец понял что такое вебпак и как его настраивать, с меня лайк и подписка! Жду продолжения)

@tocode 5 лет назад

Пожалуйста! В понедельник на 14:00 поставил следующее, достаточно объемное видео будет)

@KostiaBazrov 5 лет назад

@@tocode ,, запилил7

@temtemych4754 3 года назад

Привет из 2020). postcss-loader у меня не завёлся, как описано в видео. Нужно в options дописать объект postcssOptions и уже в нем указывать путь к конфигу "config: path.resolve(__dirname, "./относительный путь к конфигу"). Мож я че напутал, но заработало именно так.

@ghostdogg6200 4 года назад

Как webpack заставить работать именно с файлами *.sass ? Получаю ошибку, что при сборке не смог распарсить ситнтаксис sass файла

@vedegis 5 лет назад

Столько сборок пересмотрел, наконец то нормальное подключение postcss через конфиг. Спасибо.

@tocode 5 лет назад

спасибо)

@franwindav 5 лет назад

Лучше так настраивать css, scss, sass { test: /\.(sa|sc|c)ss$/, use: [ 'style-loader', { loader: MiniCssExtractPlugin.loader, options: { hmr: process.env.NODE_ENV === 'development' } }, { loader: 'css-loader', options: { sourceMap: true } }, { loader: 'postcss-loader', options: { sourceMap: true, config: { path: 'src/config/postcss.config.js'} } }, { loader: 'sass-loader', options: { sourceMap: true } } ] },

@lanahappiness3087 4 года назад

Очень помог! Спасибо!

@tocode 5 лет назад

Настройка SASS и пример других препроцессоров. Правильно подключение postcss плагинов! И полная минификация конечных стилей! Исходный код вы можете скачать/посмотреть - github.com/vedees/webpack-template Заходите в телеграмм - t.me/jackcoder

@seoonlyRU 2 года назад

благодарочка и лукас от сеошника и гуру по вебмастерингу СЕООНЛИ

@a.d.3019 5 лет назад

это так круто! взять и настроить webpack за пару часов с этими видео! вы молодец и все понятно объясняете!

@tocode 5 лет назад

спасибо за отзыв и с 8 марта вас)

@Алексейфвы 5 лет назад

Спасибо за видео. Хорошо объясняешь, комменты читаешь, отвечаешь. Нельзя не поставить лайк и не подписаться. Мне как новичку интересно, в разработке ты какого ранга: mid/sen? Спасибо заранее за ответ.

@tocode 5 лет назад

Пожалуйста! До этого работал mid в роли фул стека. Возможно если бы пересел на фронт то это был бы sen, кто знает)

@ИванВолков-й9х 5 лет назад

Долго ждал второго видео) пока ждал, смотрел ещё парочку других уроков, но у вас намного понятнее и приятнее

@tocode 5 лет назад

спасибо, очень приятно)

@vadim431 5 лет назад

Жду следующее видео, надеюсь там будет про конфиг-сплитинг и merge, и побольше бы про JS))

@tocode 5 лет назад

мердж в след, сплит в след-след, когда будем оптимизировать вебпак, со сплитом конечно загрузку скриптов можно в 2-3 раза поднять)

@СергейВидеман-в4э 4 года назад

В очередной раз убеждаюсь, что программисты - ненормальные люди... Всегда все усложняют... Испокон веков, CSS и JS - это отдельные файлы... Нет, блин... Программисты же супер умные, надо сделать так, чтобы нихера не было понятно, чтобы CSS инлайнился в head, а хранился в JS!!!! рараарзыврафылювар фывоар фдлывора фдлгывра фылгвро фывра фывар фывлгар фыдл3оар ылрова .... Кто не понял, это предисловие к webpack!

@tocode 4 года назад

ахах ну а по другому не как эти мучения направленны чтобы облегчить жизнь в дальнейшем)

@Super_dash1756 5 лет назад

Подскажите пожалуйста, при импорте .css файлов в scss папке, выдает ошибку "Can't resolve filename.css..." . Можно ли каким-то образом, настроить webpack для импорта .scss и .css файлов в одной папке, как показано на 18:50 ?

@vadymWebDev 4 года назад

Ребята, кто подскажет, 1. как настроить чтобы в dist получать и минимизированный файл и обычный 2. как я понял, чтобы на выходе были разные файлы (а не 1 компилированный), необходимо к каждый файл по отдельности прописать entry и output P.S. Большое спасибо за видео, автор красавчик!

@dmytrokukharuk1926 5 лет назад

В мене була проблема з регуляркою. Не білдився css вбив декілька годин свого часу. Може комусь буде корисно, в кого теж є така проблема. В відео так: test: /|.css$/,

@ХлопецьзКиєва 5 лет назад

Дякую, що допоміг, я задовбався шукати що не так

@andriidou8023 5 лет назад

зашел посмотреть как css и scss подключать а автор еще и всякие классные фишки с миксины и переменными показал однозначно лайк

@tocode 5 лет назад

рад, что было полезно)

@nikche4550 5 лет назад

подскажите, зачем для .scss файлов нужно дополнительно подключать css-loader?

@АндреевСергей-н8ч 5 лет назад

у меня выдало ошибку при инсталяции npm WARN deprecated css-mqpacker@7.0.0: Package no longer supported. Contact support@npmjs.com for more info. npm WARN sass-loader@8.0.0 requires a peer of sass@^1.3.0 but none is installed. You must install peer dependencies yourself. npm WARN sass-loader@8.0.0 requires a peer of fibers@>= 3.1.0 but none is installed. You must install peer dependencies yourself.

@inzoddex8312 5 лет назад

css-mqpacker: Package no longer supported. Contact support@npmjs.com for more info. Чем заменить?

@CuBeAreaFUN 5 лет назад

Отличные уроки! Спасибо огромное!

@Hytpu9 5 лет назад

А зачем нам нуже файл main.css ? Он после сборки по прежнему пустой и нигде не используется

@tocode 5 лет назад

он служил для примера

@ssamvelk 5 лет назад

Благодарю за годное видео! Жду теперь Pug,... было бы еще интересно про модульность по БЭМу чего-нибудь рассказать :)

@tocode 5 лет назад

Спасибо! Про БЭМ точно будет)

@ЕвгенийБондаренко-с5е 4 года назад

Спасибо, два дня поисков ушло на то чтобы понять что для того чтобы webpack понял что ему нужно извлечь scss его нужно подключать в js или указывать в entry, это совсем не очевидно и в примерах конфигов ни на официальном сайте ни на гитхабе плагина не указано что нужно это сделать.

@alexey9404 5 лет назад

Рекомендую добавить в стек @mixin mobile @media (max-width: 480px) @content исользовать @include mobile { ... }

@tocode 5 лет назад

спасибо, добавлю

@АлексейКобылянский-у7д 4 года назад

Просмотрел два урока. Зашёл на гитхаб, прописал "git clone github.com/vedees/webpack-template webpack-template ", затем "cd webpack-template", пишу "npm install", а мне выбивает кучу ошибок. Что-то пошло не так?

@StasNemy 5 лет назад

Awesome! Прогнал код с удовольствием, кое-что нового почерпнул для себя! Благодарю!

@tocode 5 лет назад

спасибо!

@nikolay501 5 лет назад

Спасибо за видео. Почему ширину для экранов 2к, 4к, 8k ну или >2k+ ? не добавляешь? 2) это уже новая идея) подобно rem функции можно сделать и для vw vh

@dmitrykarpovich186 5 лет назад

Большое спасибо автору за видео! Я удалил файл npm-degug.log (по глупости). Теперь он не генерируется. Кто-нибудь сталкивался с подобным?

@html.mentor1112 4 года назад

Привет, крутое видео, я использую webpack, взял для себя пару полезных фишек, благодарю! css-mqpacker более не поддерживается, возможно есть аналог, или более лучшая практика по оптимизации медиа запросов?

@ГошаУлыбкин 4 года назад

Очень круто, подробная классная сборка, только я вот не могу понять, почему все эти действия не описаны в документации, вот заходишь в документацию PostCSS там ничего не сказано не о browserlist ни о том что path надо прописсывать при подключении autoprefixer почему так?

@ТёмаКоролёв-к6ф 3 года назад

Сколько же воды в этом курсе, так еще и о scss файлах раcсказываете, что там должно быть показывая очевидные ошибки, которых не стоит повторять, например * {box-sizing: border-box}, postcss конфиг в папке с проектом (смешно). Если ваш курс называется настройка webpack - так показывайте настройку. Желаю добра.

@Алексей-ш8э3л 4 года назад

Объясните пожалуйста, зачем нужно регистрировать плагины?(5:10 в видео)

@nikson1169 4 года назад

В конце говорил про то, что каждый блок нужно помещать в новый section. Так делать нельзя, вот здесь доходчиво объясняют почему - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-eLlULhNNthI.html А вообще очень классные уроки. Тяжеловато конечно всё запомнить, но это уже второе дело. Спасибо тебе!

@alekseipetrov3877 4 года назад

Всем привет. Такая проблема: медиа-запросы меньше чем 990 пикселей ширины не работают вообще. Если кто сталкивался с этим, напишите. пожалуйста, решение. А то уже всю голову сломал. Буду очень признателен.

@omnis1239 3 года назад

cssnano уже умеет группировать медиа запросы, так что css-mqpacker больше не нужен

@sirj3714 4 года назад

Едрен батон. Очень круто!!! По началу конечно показалось полное непонятное дермище, так как я впервые сталкиваюсь с webpack, и сначала я скипнул это видео проматюкавшись пару разков. Спустя несколько дней посмотрел как с нуля устанавливать вебпак, разобрался в конфиге, и тогда понеслась, то билд шел, то после некоторых плагинов нихера не билдилось. В итоге вернулся к тебе и все заработало. Очень рад, очень. Спасибо!

@ДмитрийЛуговской-д7ф 4 года назад

На bebel просто застрял. Не ставится. EINVAL: invalid argument, futime Что может быть?

@Татьяна-е6ь6т 5 лет назад

Спасибо за уроки! У меня на MacOS возникли проблемы с доступом к файлам при установке плагинов. Воспользовалась sudo install --unsafe-perm ... Это дает программе полные права на работу с файлами.

@vazgenaleksanyan2929 5 лет назад

Не кто не встречал подобную проблему с css-mqpacker. Компилирует Media queris не от большого к маленькому. то есть сейчас так- 768, потом 480 а на конце только 960. и стили не определяется при маленьких экранах.

@vazgenaleksanyan2929 5 лет назад

Я нашел выход, если кто у себя заметит такую проблему. вы просто в самом начале scss кода напишите все импорты медиа куерис по очереди и в них напишите что нибудь не обидное. и css-mqpacker такой же последовательностью и соберет медиа куери.

@AlexMalagor 5 лет назад

Спасибо, милчеловек. Это крайне странный способ работы плагина, на галпе пользовался "gulp-group-css-media-queries" и ему любые значения скармливай, все правильно расставляет. По теме решения и применительно для данной сборки можно в html добавить еще одно правило для размера шрифта для smDesktopWidth. Это и будет чем то "не обидным" @media screen and (max-width: $smDesktopWidth) { font-size: 16px; }

@ВиталийМорозов-г1п 3 года назад

Как в Webpack 5 разделить стили на vendor.css и app.css ?

@Леонид-е5о7ч 5 лет назад

Спасибо за видео! отличная речь, материал структурирован. Продолжай в том же духе! Единственное застопорился при установке автопрефиксера и пакетов mq-packer и cssnano. При сборке выдает кучу ошибок. Уже на 10 раз все перепроверил. Такое подключение этих модулей актуально на сегодняшний день?

@tocode 5 лет назад

Да, такое подключение модулей всегда будет актуально. По ошибкам - по моему это пакеты (сообщает что им нужно обновление). Я отпишусь сюда, как только все обновлю UPD: обновил, достаточно сделать git pull или скачать сборку по новой

@Ерохин-ч5й 4 года назад

Отличное объяснение!

@Super_dash1756 5 лет назад

Нихрена себе. Спасибо добрый самаритянин!)

@tocode 5 лет назад

пожалуйста)

@evgeniydoronin 5 лет назад

Добрый день! Сборка постоянно выдавала ошибку, до момента пока не разместил (postcss.config.js) в корень проекта. Можете подсказать почему postcss.config.js не определялся в js папке? Может сталкивались с проблемой такой?

@tocode 5 лет назад

Добрый, да. Потому что нужно прописывать путь к файлу в конфиге иначе он будет искать в корне. Если этого не сделать то будут также ошибки при подключении библиотек из нод модулес

@artem_marchuk 5 лет назад

like like like

@Багвматрицегребанойреальности 4 года назад

Хороший видос, спасибо!

@mushnikov35 5 лет назад

я с этими скобками запарился

@tocode 5 лет назад

Без них никак

@Annyoning 5 лет назад

YOU ROCK....don't know how to say that in Russian .....guess i could google it.

@tocode 5 лет назад

Ricky Pearson thank you! 👍🏻

@yurypetukhou3137 5 лет назад

on Russian it is ТЫ КРУТ

@Vladikslavik 4 года назад

As for css-mqpacker. This package has been deprecated! www.npmjs.com/package/css-mqpacker So what we gonna do now?

@tocode 4 года назад

не используй его

@b.g.5106 5 лет назад

нажал на колокольчик)

@tocode 5 лет назад

крутая идея, надо про это тоже напоминать)) спасибо)

@calm_night 5 лет назад

Только начал смотреть серию по vue, но уже очень нравится. Спасибо, пили еще 👍🏻

@tocode 5 лет назад

спасибо) скоро будет по nuxt там еще интереснее будет)

@АртемШарапанюк-ж5и 4 года назад

Один з найкращих курсів по webpack

@jigaii 5 лет назад

А почему бы из main.scss не убрать весь код и просто забить его @import? и все расписать по отдельным файлам?

@tocode 5 лет назад

Тут кому как удобнее в главном я всегда храню всю главную информацию и сторонние импорты

@ЕвгенийБондаренко-с5е 4 года назад

Спасибо вам добрый человек за внесенное понимание

@sashatkach3080 5 лет назад

thank you next

@rakhim5894 5 лет назад

Очень полезные видео. Хочу спросить, для крупных проектов spa+ssr, лучше делать свою сборку или использовать готовый nuxt? Интересно узнать твое мнение.

@tocode 5 лет назад

Я сейчас пишу блог на нюксте. Заметил три стадии, вначале все круто, но как только начинаешь генерировать что-то не стандартное через апи начинается боль или, например, ограничения на асинхронные действия в компонентах (выход - асинк в сторе), но если освоить глубины нюкста то это лучшее решение для спа с сср и без)

@mendelson-dev 5 лет назад

Спасибо! (Не нашел лучше материала чем у тебя)

@tocode 5 лет назад

спасибо!

@cerber3462 4 года назад

Вобще кросс. Просто кросс ты!!!! Прекрасно излагаешь, поставленная речь, приятно слушать и еще и по делу все. Однозначно респект и уважение. Удачи тебе во всем. Однозначно палец вверх.

@tocode 4 года назад

спасибо 👍

@dmitriykogan8336 5 лет назад

Спасибо за урок. Внятно и доходчево обьяснено. Я пытаюсь настроить webpack, чтобы парсить Less с помощью PostCss (postcss-less-loader), но тщетно. Как это сделать и не будет ли такого урока? Спасибо заранее за ответ.

@tocode 5 лет назад

я не могу ничего сказать про less, по моему там такие-же обработчики как и на sass. Может лучше присмотреться к stylus вместо less?

@Yar1sson 5 лет назад

Спасибо тебе огромное! Ты очень просто все это объяснил и провел за ручку...Мне очень помогло твое видео! Я сам сейчас по шагам сделал все это и все работает! Только мне консоль пишет, что css-mqpacker больше не поддерживается.

@tocode 5 лет назад

да, я пока не знаю чем его можно заменить. но в любом случае не велика потеря) хотя и старый можно использовать

@serhiirumiantsev7736 5 лет назад

Круто, то что искал. Спасибо большое. Ты говорил будет следующее видео? Давай, ждем.

@tocode 5 лет назад

Спасибо, да в понедельник на 14:00 поставил следующее, достаточно объемно будет)

@steppp6437 4 года назад

19:31 в файле vars.scss 23строка purple-color!!! аяяй! только что про зеленый цвет рассказывали, и сами допустили такое)))

@tocode 4 года назад

Убрал))

@TafAktelab 5 лет назад

Отличное видео! Все понятно и доступно объясняете. Спасибо большое. Лайк однозначно!

@tocode 5 лет назад

Иван Арефьев спасибо!

@alexandrnasonov 5 лет назад

можно делать пересчет размеров на каждый пиксель, а в медиа пересчитывать так же только у родителя codepen.io/anon/pen/oOmYQZ

@tocode 5 лет назад

Alex Nasonov емы это уже для суровых верстальщиков, которых ремами даже не удивишь)) так вариант хороший, только слишком запарный. Обычно емы на кнопки подвешиваются и этим ограничивается их использование

@КириллЧетвертков 5 лет назад

Спасибо большое за крутую сборку

@spoonjeee4785 5 лет назад

за финалочку с scss отдельное спасибо!)

@i-wp-dev 5 лет назад

www.npmjs.com/package/postcss-responsive-font Вот эта приблуда работает интересней по моему чем миксин на фонт

@tocode 5 лет назад

спасибо, посмотрю

@olegchernousov8946 5 лет назад

Пожалуйста не бросай это дело, ты лучшее из того что я видел на ютуб. Спасибо огромное!!!!!

@tocode 5 лет назад

спасибо, приятно слышать)

@МурадМавлидов 5 лет назад

В начале показываешь то, что сделано в предыдущем видео, но это видео является первым в плэйлисте и от этого приходится искать где же предыдущее видео, является ли это продолжением и тд, хотелось бы более структурировано. А так спасибо большое за сборку

@tocode 5 лет назад

Спасибо за отзыв. Часть видео просто отсутствовала в плейлисте. Исправил!

@МурадМавлидов 5 лет назад

@@tocode тебе спасибо, оперативно!!

@preegnees6664 4 года назад

начиная с 18 минуты я улетел

@muratx10 5 лет назад

Спасибо за видос! А что у Вас за тема? очень приятная глазу

@tocode 5 лет назад

спасибо, palenight theme

@konstantinkkk8397 5 лет назад

а как же source maps без него мы ведь не сможем дебажить наш код!?

@tocode 5 лет назад

соурс мапу в след видео уже подключили)

@egoist2956 4 года назад

@llssk6379 4 года назад

А css mq-packer он работает? при установке вскод выделяет тремя точками пишет что не может найти точку входа, что то в этом роде.

@Max-ge3xb 4 года назад

css-mqpacker больше не поддерживается

@krolikrodjer8879 4 года назад

Почему у тебя не требуется импорт миксинов и переменных в файл, в котором их используешь? у меня вебпак ругается на это

@tocode 4 года назад

может это связанно с vs кодом. зачастую он ипоритрует их автоматический

@ИванГайдар-л4л 5 лет назад

создай открыты телеграмм канал

@tocode 5 лет назад

Заходи, будешь первым) t.me/jackcoder

@dalaysalchak5073 4 года назад

Красавчик!

@posix-dev 4 года назад

Jack, а зачем нам миксин если по сути сами по себе rem-ы так работают?? можно писать в rem-ax и все, а то масло малсяное

@tocode 4 года назад

Если нужно 4,8,12 px тд то для меня проще через миксин это выводить , чем считать или наугад тыкать. Особенно если значения дробные

@dmnpoe 4 года назад

А зачем style-loader подключать после MiniCssExtractPlugin?

@moskvaaa 5 лет назад

Тот редкий случай, когда все разложено по полочкам, давно хотел пересесть с галпа на вебпак и у меня благодаря этому видео все получилось! Автор, спасибо, успеха тебе)

@tocode 5 лет назад

спасибо и тебе успехов)

@ikonovalchi 4 года назад

Ребята не ставьте css-mqpacker ! выдает ошибку. сверяйтесь с репозитарием.

@FredUA 5 лет назад

Думаю миксин для плейсхолдеров не обязательно писать, есть же autoprefixer.

@ЕвгенийГаврилов-ю9о 5 лет назад

Я новичек в разработке и начиная с 18 минуты пошел белый шум((( где почитать про сборку scss?

@tocode 5 лет назад

Вроде у WebDesign Master есть хорошее видео по "sass для самых маленьких" как-то так. По сути это тот же css только с большим количеством плюшек. особо ничего сложного, самое главное преимущество - модульность это разбитие кусков кода на составляющие, для удобства их дальнейшего редактирования)

@ЕвгенийГаврилов-ю9о 5 лет назад

@@tocode Спасибо гляну. Один из моих пробелов, это незнание "em", "rem" , SASS и слабое понимание js. Нужно иметь базу, что бы понимать то, что происходит с 18 мин и в файле mixins.scss. Было бы здорово, если бы вы давали ссылки на необходимый предварительный стек знаний, который нужно знать.

@tocode 5 лет назад

@@ЕвгенийГаврилов-ю9о учту при записи следующих видео)

@ИгорьЕрмолов-й9ц 5 лет назад

При такой настройке [ 'style-loader' , MiniCssExtractPlugin.loader, ... ] HMR для sass нормально работает ?? Просто у меня срабатывает через раз, поэтому использую так: const devMode = process.env.NODE_ENV !== 'production' [ devMode ? 'style-loader' : MiniCssExtractPlugin.loader, ... ]

@almat.kambetov 3 года назад

Доброго времени суток! Хороший контент, спасибо за труды! Вопрос относительно загрузчиков css/scss. Зачем применять style-loader, если применяется MiniCssExtractPlugin.loader?

@fein7068 4 года назад

Как эронично, сидеть на MacOS и вставлять заставку при переходе Windows)

@velessn 4 года назад

скачал сборку и обнаружил что не корректно отображаются sourcemap-ы. Инспектирую код css в браузере и не вижу совпадения реальных строк в коде с scss. Помогите разобраться.

@АндрейМещеряков-м9е 3 года назад

Круто. Можно подобную часть про react webpack 5?

@kostya3312 5 лет назад

style-loader инжектит стили в разметку, он здесь не нужен - стили в отдельном файле

@yuriyfedechko 4 года назад

Спасибо за видео! очень полезно. Подскажите, а как сделать что бы в dist css файл выдавало две штуки (сжатую и обычную) ? перехожу с gulp , там оно собирает файл css удобней для дальнейшего редактирования без участия webpack

@АртёмШумков-г9щ 5 лет назад

Если кому-то интересно, то для того, чтобы не задалбливаться с размером и текста, можно использовать пакетик под названием rfs ( www.npmjs.com/package/rfs )

@aleksprimetv 5 лет назад

@ Jack Coder хочу добавить, что бы подключить less не только надо переименовать расширение и лоадер, но еще установить дополнительно сам less: npm install less -D

@lutiklutikov6359 4 года назад

Спасибо за видио! Но у меня проблема в виде TypeError: Cannot read property 'toLowerCase' of undefined, есть мысли? Я поковырялся, удалил медиа запросы из scss и все работает

@vladislavbogdashev1803 5 лет назад

После GULP пересаживаюсь на WP4 скрипя зубами.

@alexandrfevor7252 5 лет назад

Хорошее изложение, по Вашему примеру попутно создал себе конфиг под react/less вместо vue/sass. Не так досконально разбираюсь в webpack, но какое-то понимание появилось. Спасибо за материал