GULP больше НЕ нужен! (Laravel Mix)

  Рет қаралды 15,662

One Code

One Code

Күн бұрын

Пікірлер: 205
@onecode_blog
@onecode_blog 3 жыл бұрын
Юзаешь галп?
@АлександрМелянюк-ц9ю
@АлександрМелянюк-ц9ю 3 жыл бұрын
Нужно на laravel mix переходить! Я только недавно узнал о канале и подписался! Full Stack? Так значит в будущем может сайтец (приложение) на full stack забабахаем?))
@onecode_blog
@onecode_blog 3 жыл бұрын
@@АлександрМелянюк-ц9ю обязательно забабахаем и не один! 😀
@АлександрМелянюк-ц9ю
@АлександрМелянюк-ц9ю 3 жыл бұрын
@@onecode_blog Спасибо! Будем ждать! Колокольчик врубил))
@dieselpower1252
@dieselpower1252 3 жыл бұрын
Без знания Галпа вроде как на работу в веб-студию устроиться проблематично. Если самому фрилансить - то Галп может и не нужен. А в веб-студии если скажешь, что различными плагинами будешь пользоваться вместо Галпа - сразу вроде как разворачивают до дому)
@onecode_blog
@onecode_blog 3 жыл бұрын
@@dieselpower1252 возможно, я просто делюсь своим опытом и у меня без галпа не было проблем, кстати на фрилансе я никогда не работал 😀
@tatyanaaverkova8378
@tatyanaaverkova8378 2 жыл бұрын
Супер! Действительно, от души!💫
@onecode_blog
@onecode_blog 2 жыл бұрын
Благодарствую за просмотр и коммент! 😀
@Zibinskiy
@Zibinskiy 3 жыл бұрын
Слушай, ну реально классный инструмент. Было бы здорово, если бы ты записал видео по сборке полноценного, боевого проекта (картинки, шрифты и пр.). Спасибо и удачи на просторах Ютуба! )))
@onecode_blog
@onecode_blog 3 жыл бұрын
понял, спасибо за идею и просмотр! до связи )))
@onecode_blog
@onecode_blog 3 жыл бұрын
@@maks2 есть разные варианты, я бы лично отключил обработку URL и клал картинки сразу в dist/img и всё, потому что если картинки обрабатывать, то сборка может идти немного дольше (логично), но ты можешь попробовать класть в src/img и НЕ отключать обработку, посмотришь как пойдет, перенести в dist никогда не поздно, в общем не бойся экспериментировать - это всё твой полезнейший опыт будет!
@onecode_blog
@onecode_blog 3 жыл бұрын
@@maks2 а если на будущее, то я давно не хранил картинки в каталоге проекта, то есть когда не просто верстаешь, а разрабатываешь проекты, то хранить картинки в репозитории проекта (GIT) не очень правильно, тк размер репозитория растет, поэтому я храню их отдельно в облаке и прямо оттуда подключаю на страницу, таким образом они еще и доступны с любого места, да и вообще юзер на сайте загружает аватарку и она сразу доступна в облаке даже на тестовой версии сайта без ошибок, но это уже другая история, пока не загружайся =)
@onecode_blog
@onecode_blog 3 жыл бұрын
@@maks2 открой пожалуйста свой комментарий, чтобы другие тоже видели, может кому-то еще будет полезно
@midgardresident
@midgardresident 2 жыл бұрын
@@onecode_blog Привет! А в каком облаке хранишь? Может знаешь какое-то бесплатное или недорогое для небольшого проекта?
@ekaterina2073
@ekaterina2073 3 жыл бұрын
какая прелесть и не нужно больше страдать с gulpами)) спасибо, попробу!
@onecode_blog
@onecode_blog 3 жыл бұрын
ага, и тебе спасибо за просмотр и коммент!
@scren2010
@scren2010 3 жыл бұрын
Спасибо!
@onecode_blog
@onecode_blog 3 жыл бұрын
И Вам спасибо!
@КонстантинКрикунков
@КонстантинКрикунков 3 жыл бұрын
Шикарное видео , спасибо большое за инфу. 🔥🔥🔥🔥
@onecode_blog
@onecode_blog 3 жыл бұрын
рад, если полезно!
@alexon3272
@alexon3272 2 жыл бұрын
После галпа это просто игрушка в настройках) Классный инструмент, интересное видео. Автору спасибо
@onecode_blog
@onecode_blog 2 жыл бұрын
Тебе спасибо за коммент! 👍
@littlegrownbeats
@littlegrownbeats 2 жыл бұрын
Просто пушка! Мега удобно и просто! Спасибо что открыл такой инструмент)
@onecode_blog
@onecode_blog 2 жыл бұрын
Потом попробуй ещё сам Laravel 👍
@ДаниИл-н5ж3е
@ДаниИл-н5ж3е 3 жыл бұрын
Отличная штука! И легкая в приминении.
@onecode_blog
@onecode_blog 3 жыл бұрын
ага, позволяет сразу сосредоточится на разработке проекта, а не настройке окружения
@TheBubaololo
@TheBubaololo 2 жыл бұрын
От души, то что нужно для начала
@onecode_blog
@onecode_blog 2 жыл бұрын
Дальше - больше 😀 молодцом 👍
@alexandy1344
@alexandy1344 3 жыл бұрын
Канал просто круть! Так держать, сразу видно профи. Однозначно подписка
@onecode_blog
@onecode_blog 3 жыл бұрын
Спасибо, друг, очень мотивирует! 🤘
@fromillia
@fromillia 3 жыл бұрын
Глоток свежего воздуха, как родственную душу услыхал. Галп выглядит как-то сложно, паг - вчерашний день (шаблонизаторов полно встроенных, а новые вездесущие js-фреймворки реализую тот самый компонентный подход). Лихой тул показал, спс тебе большой.
@onecode_blog
@onecode_blog 3 жыл бұрын
Круто, бро! Рад слышать! На связи 🤙
@АнтонКузнецов-к8с
@АнтонКузнецов-к8с 2 жыл бұрын
Спасибо вам, это чудо
@onecode_blog
@onecode_blog 2 жыл бұрын
Рад, что понравилось! Удачи!
@AmanbayAcademy
@AmanbayAcademy 3 жыл бұрын
Спасибо, я очень признателен! У вас очень качественный контент, продолжайте в том же духе. От меня like, подписка и колокольчик.
@onecode_blog
@onecode_blog 3 жыл бұрын
И вам спасибо за тёплые слова! 🤝
@КонстантинВодолажский-г6ь
@КонстантинВодолажский-г6ь 2 жыл бұрын
Мой печальный опыт Gulp. Начал изучать Grid-верстку. Смотрел курс, повторял все действия. Когда дошло дело до пуска, оказалось, что это уже не работает (курс был за 18-й год). Ладно. Начал изучать другой, более свежий курс. Установил Галп, навешал кучу плагинов. Все делал четко за лектором. В конце концов, после установки вебпаков выдало ошибку. И, судя по всему, чтобы разобраться в ее природе, нужна не даже не поллитра, а доза герыча.
@onecode_blog
@onecode_blog 2 жыл бұрын
есть такое дело! спасибо, что поделился опытом ))))
@Alexey_Gri
@Alexey_Gri 2 жыл бұрын
реально бро, я сколько смотрю видео по разработке потихоньку учусь верстать и с каждым разом убеждаюсь, на][ер мне весь этот гемор нужен. Это что я должен каждый год обновлять эти версии всех продуктов, всё устаревает, новое освоить запомнить занимает сколько времени сил и желания. Стал присматриваться к видео-монтажу намного интереснее тема
@Zibinskiy
@Zibinskiy 3 жыл бұрын
И да - по поводу инструментов хотелось бы глянуть.
@onecode_blog
@onecode_blog 3 жыл бұрын
Сделаем
@onecode_blog
@onecode_blog 3 жыл бұрын
@Анатолий Димов да, на канале серия видео (жёлтые)
@dieselpower1252
@dieselpower1252 3 жыл бұрын
Исходя из информации в видео, можно сделать вывод, что Gulp будет актуален ещё очень даже долго)
@onecode_blog
@onecode_blog 3 жыл бұрын
Безусловно, всегда есть несколько инструментов для решения задачи, выбирай любой ))) я предпочитаю более простые решения
@AsonGor
@AsonGor 3 жыл бұрын
Gulp и есть более простое решение. Он просто и легко автоматизирует простые процессы чтобы не тратить время. Если ты не можешь написать 4-5 тасков в галпе то ты скорее васего не знаешь js даже на базовом уровне. Потому что я хрен знает что там может быть сложного, написать пару джава скриптов по переброску и сборке scss и webpack подключить тупо одной строчкой кода.
@Alexey_Gri
@Alexey_Gri 2 жыл бұрын
@@AsonGor что такое таск? и зачем он нужен?
@AsonGor
@AsonGor 2 жыл бұрын
@@Alexey_Gri задачи в гулпе которые он же и выполняет и которые ты прописываешь. Я их тасками называю, ты можешь хоть енотами называть.
@blatisgense933
@blatisgense933 2 жыл бұрын
@@AsonGor Можешь даже ему не отвечать, а айти без базового+ английского делать нечего, а раз человек не понимает слово "task", то он почти 0 и ему лучше заняться чем-нибудь полезным. А про автора видео то это пипец, и этот человек который не смог разобраться в Галп учит (пытается) других новичков. Зашёл на видео случайно, повелся на кликБейт, а тут такой фрукт.
@infokontent
@infokontent 10 ай бұрын
very good practicuse THANKS
@dobrMAV
@dobrMAV 3 жыл бұрын
Спасибо за видео!Мне как начинающему было бы интересно посмотреть сборку на реальном проекте. Галп пока для меня темный лес,а после такого видео думаю в ближайшее время изучения Галпа не планируется )
@onecode_blog
@onecode_blog 3 жыл бұрын
ахах, да есть такая вероятность =) не ты первый спрашиваешь про реальный пример, так что думаю сделаем! спасибо за просмотр!
@y0kem
@y0kem 3 жыл бұрын
Классная подача! Долго не хотел учить webpack и разбираться в нем, ибо казалось, что это очень нагруженная тема Был в шаге от того, чтобы сесть на gulp и тут наткнулся на этот ролик) Теперь буду делать связку laravel + tailwind)
@onecode_blog
@onecode_blog 3 жыл бұрын
Круто! Экспериментируй и найдешь свой путь в разнообразии инструментов )) спасибо за просмотр!
@onecode_blog
@onecode_blog 3 жыл бұрын
у нас кстати есть ЧАТ в телеге и скоро там будет конкурс по вёрстке, присоединяйся t.me/onecode_ru
@PrikolovPomjka
@PrikolovPomjka 3 жыл бұрын
Очень круто, два дня мучился с gulp, постоянные ошибки в плагинах, отбили желание с ним работать
@onecode_blog
@onecode_blog 3 жыл бұрын
Рад, что полезно! 🥳 И спасибо за коммент 🙏
@spr1ng586
@spr1ng586 3 жыл бұрын
6:25 думаю всём будет интересно, хотя бы кратко о каждом инструменте, и давай ту информацию, которая поможет новичкам узнать уже самим чуть больше о заинтересовавшем их предмете, например ты можешь называть основные функции, для чего он нужен, когда и где его надо использовать в реальных проектах. И можешь оставлять ссылки на документацию или на видео, или на другой источник, который поможет новичку лучше узнать о заинтересовавшем его инструменте
@onecode_blog
@onecode_blog 3 жыл бұрын
понял, большое спасибо, очень важная для меня информация, а вообще потихоньку надо переходить к разработке проектов, чтобы практиковаться на реальных примерах, вёрстка и контент для начинающих только для разгона =)
@NeoJohnSmit
@NeoJohnSmit 3 жыл бұрын
Очень круто!
@onecode_blog
@onecode_blog 3 жыл бұрын
Работа должна приносить кайф 🤝
@onecode_blog
@onecode_blog 3 жыл бұрын
у нас кстати есть ЧАТ в телеге и скоро там будет конкурс по вёрстке, присоединяйся t.me/onecode_ru
@NeoJohnSmit
@NeoJohnSmit 3 жыл бұрын
@@onecode_blog Круто👍🏻, подписался
@onecode_blog
@onecode_blog 3 жыл бұрын
@@NeoJohnSmit спасибо!
@саппаап
@саппаап 3 жыл бұрын
Всем привет ребята, подскажите почему папка dist не создается? есть какие нибудь варианты? все делал по инструкции
@onecode_blog
@onecode_blog 3 жыл бұрын
Привет! Проверь по видео свой конфиг и особенно параметр setPublicPath
@jonyonee
@jonyonee 2 жыл бұрын
А vite только для vue ? Просто видел что Эвен Ю что то выпускал
@onecode_blog
@onecode_blog 2 жыл бұрын
Не только для vue, для любого js
@romanzaritskyi303
@romanzaritskyi303 3 жыл бұрын
Круто!
@onecode_blog
@onecode_blog 3 жыл бұрын
ага!
@aziztakhmazov6540
@aziztakhmazov6540 2 жыл бұрын
Спасибо очень помог
@onecode_blog
@onecode_blog 2 жыл бұрын
Тебе спасибо за коммент 👍
@medokuk8644
@medokuk8644 2 жыл бұрын
А я вот как раз хотел начать изучать Галп ) чета реально перехотелось ) Так как все равно если для бекенда хочу изучить Laravel, то думаю все равно легче будет понять Laravel Mix чем Галп. Спасибо за видео!
@onecode_blog
@onecode_blog 2 жыл бұрын
Так точно
@ОльгаКононенко-д9в
@ОльгаКононенко-д9в 2 жыл бұрын
Доброго времени. Первый раз занимаюсь сборкой. Запускаю проект в VSCode, но "touch webpack.mix.js" пишет , что команда не распознана. Подскажите, что не так
@onecode_blog
@onecode_blog 2 жыл бұрын
Возможно на винде другая команда. Создай файл через меню просто.
@ОльгаКононенко-д9в
@ОльгаКононенко-д9в 2 жыл бұрын
@@onecode_blog Спасибо, так все работает))
@onecode_blog
@onecode_blog 2 жыл бұрын
@@ОльгаКононенко-д9в Класс! Успехов!
@alexeismirnov4483
@alexeismirnov4483 2 жыл бұрын
Привет Макс, отличное видео, но теперь Laravel 9 использует Vite. Надо уже видос про него! ))
@onecode_blog
@onecode_blog 2 жыл бұрын
есть такое дело )))
@finelai
@finelai 3 жыл бұрын
А как browserlist настроить для babel в laravel mix?
@onecode_blog
@onecode_blog 3 жыл бұрын
вот честно не знаю, мне не приходилось менять дефолтные параметры, однако если заглянуть в доку, то там написано, что мы можем менять конфиги вот так s.mail.ru/3Bsj/phaYQWupi и дальше там сказано, что все возможные параметры можно посмотреть в файле github.com/JeffreyWay/laravel-mix/blob/master/src/config.js, смотрим и видим там свойство babelConfig s.mail.ru/ETAV/Z9482pGcL очевидно можно сделать так mix.options({ babelConfig: { ... } })
@mental_shifting_108
@mental_shifting_108 2 жыл бұрын
Если круче галопа, собери сайт на нем, ок? Я только начал с gulp знакомиться, ты посоветуешь сразу бросить и перейти на этот ?
@onecode_blog
@onecode_blog 2 жыл бұрын
За 8 лет собрал сайт, и не один )) Я предлагаю пробовать всё на своём опыте и потом принимать решение
@igorDevIt
@igorDevIt 2 жыл бұрын
Спасибо за видос !)) Давно хочу с Gulp перейти на что-то практичней и удобней))
@onecode_blog
@onecode_blog 2 жыл бұрын
Экспериментируй! 😀
@igorDevIt
@igorDevIt 2 жыл бұрын
Да так и будет, осталось найти как с картинками проработать сжатие и перенос их !)))
@blatisgense933
@blatisgense933 2 жыл бұрын
@@igorDevIt А чем галп не удобен и сложен?
@igorDevIt
@igorDevIt 2 жыл бұрын
@@blatisgense933 не в этом суть) у меня две сборки для верстки с gulp. Но тут просто быстрее для каких-то даже мелких целей или уже под что-то более тоже можно создать. Плюс даже под WP удобно сборку сделать. Кому под какие задачи 😊
@blatisgense933
@blatisgense933 2 жыл бұрын
@@igorDevIt ну если что то большее и работа с фреймворками то тогда wenPack
@maria_32840
@maria_32840 3 жыл бұрын
Вопрос: Минификацию изображений как делаете? Laravel-mix?
@onecode_blog
@onecode_blog 3 жыл бұрын
Если честно, то здесь я использую 2 варианта: оптимизирую изображения при экспорте (например фотошоп), а так же для загрузки, хранения и обработки изображений (и вообще файлов) использую специальный сервис (облачный), который позволяет "на лету" (путем добавления параметров в URL изображения изменять его размер/качество/формаи и тд) - это очень удобно, поэтому я не работаю с изображениями непосредственнов при сборке, однако в любом случае не сомневаюсь, что это можно делать в laravel-mix, если не из коробки, то через расширение (laravel-mix.com/extensions) или через кастомную конфигурацию Webpack (который работает под капотом). Спасибо за вопрос!
@alexdreamer11
@alexdreamer11 2 жыл бұрын
Галопом по Европам, теперь нужно записать по-подробнее с чувством, толком и расстановкой
@onecode_blog
@onecode_blog 2 жыл бұрын
Это можно, спасибо 🤝
@dimaburichin7726
@dimaburichin7726 3 жыл бұрын
Спасибо большое буду юзать так как я тоже ленивый и писать эти таски просто раздражает иногда особенно когда перестает работать тот или иной таск!
@onecode_blog
@onecode_blog 3 жыл бұрын
Круто! Спасибо за просмотр!
@alexmlnkv
@alexmlnkv 3 жыл бұрын
Хорошее видео, спасибо!
@onecode_blog
@onecode_blog 3 жыл бұрын
Тебе спасибо за коммент! 👍
@Zibinskiy
@Zibinskiy 3 жыл бұрын
Больше видосов - хороших и разных! )))
@onecode_blog
@onecode_blog 3 жыл бұрын
Принял )))
@spr1ng586
@spr1ng586 3 жыл бұрын
Кстати думаю очень многим было бы интересно настройка VS CODE и узнать какие плагины ты используешь
@onecode_blog
@onecode_blog 3 жыл бұрын
я думаю, что на эту тему уже полно видео, а если говорить про меня, то я недавно на него перешел, до этого сидел на саблайме всегда, а на VS особо ничего не делал: поставил тему, шрифт да и всё вроде =) а ну горячие клавиши еще изучил, тк некоторые комбинации отличаются от саблайма, горячие клавиши вообще в этом вопросе обязательно надо юзать!
@sergeykorovin7444
@sergeykorovin7444 3 жыл бұрын
Привет, у тебя показано только по одному файлу, которые ты собираешь, пробовал сделать тоже с несколькими файлами js и css и получал ошибки.
@onecode_blog
@onecode_blog 3 жыл бұрын
Я собирал кучу разных файлов отдельно без проблем
@АлександрМорозов-л9л
@АлександрМорозов-л9л 3 жыл бұрын
🔥🔥🔥
@onecode_blog
@onecode_blog 3 жыл бұрын
🤝
@sauronin2058
@sauronin2058 3 жыл бұрын
Как заготовка на будущее вещь хорошая, а сейчас пока немного тускло и не особо заходит. Но потенциал действительно хороший
@onecode_blog
@onecode_blog 3 жыл бұрын
каждому свой инструмент ))
@nikolay_it_master
@nikolay_it_master 3 жыл бұрын
Благодарю за обзор. (столько времени потратил на gulp и связку galp+webpack... )
@onecode_blog
@onecode_blog 3 жыл бұрын
Любой опыт в нашем деле полезен!
@АлександрСоболев-ф8р
@АлександрСоболев-ф8р 3 жыл бұрын
блииин. скольже же нового появляется так и заблудиться можно)). Начинаешь изучать что-то одно потом появляется другое и кажется вот он грааль. потом опять что-то интересное итд. Как же остановиться на чем-то одном и точить определенный инструмент. За трендами не угонишься короче. А если на работу устраиваться, то думаешь, а если это не знать то не возьмут, а если учить что-то одно то пока учишь уже устареет вот и гонишься за всем подряд, в итоге страдает качество. Вот кто как для себя решил этот вопрос?
@onecode_blog
@onecode_blog 3 жыл бұрын
на самом деле это по-началу так, потом попробуешь всё что нужно, сам для себя выберешь свои инструменты и будет ок
@onecode_blog
@onecode_blog 3 жыл бұрын
На самом деле эта тема (Laravel MIX) не новая, а давнишняя, но очень прикольная
@alexeismirnov4483
@alexeismirnov4483 2 жыл бұрын
Молодец, я как раз Ларавель углубленно изучаю.
@onecode_blog
@onecode_blog 2 жыл бұрын
Значит ты в нужном месте 😀 круто!
@maximus3716
@maximus3716 3 жыл бұрын
А я выбрал Gulp!. Один раз заморочился с настройками и можно работать под разными проектами.
@onecode_blog
@onecode_blog 3 жыл бұрын
Нормальный вариант 👍
@ИскандарВеликий-х5б
@ИскандарВеликий-х5б 3 жыл бұрын
Здравствуйте. Очень хорошая видео. Но можете сделать подробнее видео. Может даже одну реальную макет. Я сам начал Ларавел но все равно когда уже больше чем 10 css файлов уже не понимаю какую именно сделать микс. Спасибо заранее
@onecode_blog
@onecode_blog 3 жыл бұрын
привет и спасибо за отзыв! мы сейчас изучаем ларавел и будет еще видео про микс. спасибо!
@yaroslavbabii96
@yaroslavbabii96 3 жыл бұрын
видос супер
@onecode_blog
@onecode_blog 3 жыл бұрын
благодарствую!
@jonyonee
@jonyonee 2 жыл бұрын
Классно попробывал, но блин не могу юзать iclude html в документации прочитал не как то криво работает
@onecode_blog
@onecode_blog 2 жыл бұрын
Инклюд не пробовал, потому что использую отдельные шаблонизатор из фреймворка ларавел
@martel5532
@martel5532 3 жыл бұрын
вы не показали как настроить автосборку с поднятием локалхоста и автоматическим обновлением страницы. Можете сделать репозиторий с подобным конфигом и выложить в описании к видео? Чтобы был такой стартовый шаблон, скачиваешь и погнал экспериментировать
@onecode_blog
@onecode_blog 3 жыл бұрын
да, автообновление щас модно делать просто через расширение в VSCode
@ChungaChanga03
@ChungaChanga03 2 жыл бұрын
@@onecode_blog В VS Code плагин LiveServer не работает с расширением .php
@onecode_blog
@onecode_blog 2 жыл бұрын
@@ChungaChanga03 не знаю, я им не пользуюсь
@ChungaChanga03
@ChungaChanga03 2 жыл бұрын
@@onecode_blog Это Не вопрос это утверждение. Где в моем ответе выше видишь вопросительный знак?
@РусланРусалкин-х7ш
@РусланРусалкин-х7ш 3 жыл бұрын
Моя установка закончилась на втором пункте (touch webpack.mix.js). Консоль пишет ошибку или я чего то не понимаю...
@onecode_blog
@onecode_blog 3 жыл бұрын
touch это просто команда для создания файла, возможно на винде её нет, вы создайте этот файл вручную в корне проекта
@РусланРусалкин-х7ш
@РусланРусалкин-х7ш 3 жыл бұрын
@@onecode_blog Спасибо за ответы! 😉
@onecode_blog
@onecode_blog 3 жыл бұрын
@@РусланРусалкин-х7ш вам спасибо за просмотр!
@Alexei-rb9yy
@Alexei-rb9yy 3 жыл бұрын
вместо команды touch попробуйте (ni webpack.mix.js) потом два раза запустите npx mix 😉
@_webAmoeba
@_webAmoeba 2 жыл бұрын
Следующее видео: по галпу: "все что нужно знать для старта", длительность: 1:52:36
@onecode_blog
@onecode_blog 2 жыл бұрын
😂😂
@blatisgense933
@blatisgense933 2 жыл бұрын
Зря смеетесь, авторы для вас, тех кто документацию не осилил стараются, но вы только жалуетесь на длительность видео. У вас усидчивости не хватает?
@___________S_t_a_s___________
@___________S_t_a_s___________ 2 жыл бұрын
Ну ты и шпаришь как раньше машинистка тексты набирала. И так 8 часов к ряду каждый день надо работать. Супер демотивация.)
@onecode_blog
@onecode_blog 2 жыл бұрын
В смысле?
@Alexey_Gri
@Alexey_Gri 2 жыл бұрын
@@onecode_blog очень быстро объясняешь, я только учусь вобще ничего не понимаю таски, json-ы для чего это всё. Если это меня ждёт впереди - то мне совсем не нравиться((( Я думал у меня в проекте будет три папки как в видеоуроках: html, css и images - и я буду с этим всегда работать верстать, а здесь надо установить еще кучу всякой ][eрHи, чтобы сверстать одну страницу для сайта, вы с ума там все посходили ли как!?
@sggames5813
@sggames5813 3 жыл бұрын
Ты прям в тему, я сегодня пол дня на gulp убил.
@onecode_blog
@onecode_blog 3 жыл бұрын
во, круто ))
@pulupservices
@pulupservices 3 жыл бұрын
Потратил 2 недели на настройку вебпака, что бы он работал именно так, как мне нужно. А сегодня настроил все через laravel-mix все тоже самое буквально минут за 20. Где был твой канл раньше? 😂😂😂
@onecode_blog
@onecode_blog 3 жыл бұрын
Да в этом его сила )))
@Alexey_Gri
@Alexey_Gri 2 жыл бұрын
ппц как всё сложно, всё желание отбило вобще заниматься учиться в этом направлении(((((
@onecode_blog
@onecode_blog 2 жыл бұрын
А где легко? Результат стоит того ))
@ВиталийИльинский-з3я
@ВиталийИльинский-з3я 3 жыл бұрын
Доброго времени суток, Макс! Очень зацепило видео о Laravel Mix. Пытался повторить сборку, но выскочила ошибка, решить которую сам не смог. Буду признателен за помощь. Скрин прилагаю. $ npx mix [webpack-cli] Error: Cannot find module 'webpack/lib/rules/DescriptionDataMatcherRulePlugin' Require stack: - C:\Users\My iron 2011-v3\Desktop\mix ode_modules\vue-loader\lib\plugin-webpack5.js - C:\Users\My iron 2011-v3\Desktop\mix ode_modules\vue-loader\lib\plugin.js - C:\Users\My iron 2011-v3\Desktop\mix ode_modules\vue-loader\lib\index.js - C:\Users\My iron 2011-v3\Desktop\mix ode_modules\laravel-mix\src\components\Vue.js - C:\Users\My iron 2011-v3\Desktop\mix ode_modules\laravel-mix\src\components\ComponentRegistrar.js - C:\Users\My iron 2011-v3\Desktop\mix ode_modules\laravel-mix\src\Mix.js - C:\Users\My iron 2011-v3\Desktop\mix ode_modules\laravel-mix\setup\webpack.config.js - C:\Users\My iron 2011-v3\Desktop\mix ode_modules\webpack-cli\lib\webpack-cli.js - C:\Users\My iron 2011-v3\Desktop\mix ode_modules\webpack-cli\lib\bootstrap.js - C:\Users\My iron 2011-v3\Desktop\mix ode_modules\webpack-cli\bin\cli.js - C:\Users\My iron 2011-v3\Desktop\mix ode_modules\webpack\bin\webpack.js at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) at Function.Module._load (node:internal/modules/cjs/loader:778:27) at Module.require (node:internal/modules/cjs/loader:1005:19) at require (node:internal/modules/cjs/helpers:102:18) at Object. (C:\Users\My iron 2011-v3\Desktop\mix ode_modules\vue-loader\lib\plugin-webpack5.js:6:42) at Module._compile (node:internal/modules/cjs/loader:1101:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10) at Module.load (node:internal/modules/cjs/loader:981:32) at Function.Module._load (node:internal/modules/cjs/loader:822:12) at Module.require (node:internal/modules/cjs/loader:1005:19) { code: 'MODULE_NOT_FOUND', requireStack: [ 'C:\\Users\\My iron 2011-v3\\Desktop\\mix\ ode_modules\\vue-loader\\lib\\plugin-webpack5.js', 'C:\\Users\\My iron 2011-v3\\Desktop\\mix\ ode_modules\\vue-loader\\lib\\plugin.js', 'C:\\Users\\My iron 2011-v3\\Desktop\\mix\ ode_modules\\vue-loader\\lib\\index.js', 'C:\\Users\\My iron 2011-v3\\Desktop\\mix\ ode_modules\\laravel-mix\\src\\components\\Vue.js', 'C:\\Users\\My iron 2011-v3\\Desktop\\mix\ ode_modules\\laravel-mix\\src\\components\\ComponentRegistrar.js', 'C:\\Users\\My iron 2011-v3\\Desktop\\mix\ ode_modules\\laravel-mix\\src\\Mix.js', 'C:\\Users\\My iron 2011-v3\\Desktop\\mix\ ode_modules\\laravel-mix\\setup\\webpack.config.js', 'C:\\Users\\My iron 2011-v3\\Desktop\\mix\ ode_modules\\webpack-cli\\lib\\webpack-cli.js', 'C:\\Users\\My iron 2011-v3\\Desktop\\mix\ ode_modules\\webpack-cli\\lib\\bootstrap.js', 'C:\\Users\\My iron 2011-v3\\Desktop\\mix\ ode_modules\\webpack-cli\\bin\\cli.js', 'C:\\Users\\My iron 2011-v3\\Desktop\\mix\ ode_modules\\webpack\\bin\\webpack.js' ] }
@onecode_blog
@onecode_blog 3 жыл бұрын
привет! так на вскидку не скажу, возможно ты забыл вызвать метод .vue() в файле webpack.mix.js, а если нет - задай вопрос в нашем чате: t.me/onecode_chat
@otsutstvieprisutstvia1146
@otsutstvieprisutstvia1146 3 жыл бұрын
привет, ну что ты нашел ответ? у меня такая же ошибка
@brenkovd
@brenkovd 3 жыл бұрын
Нихерасебе скорость, глазами не успевал за написанием кода
@onecode_blog
@onecode_blog 3 жыл бұрын
понял, буду замедляться, спасибо за отзыв!
@Антоун-ц9т
@Антоун-ц9т Жыл бұрын
Не увидел самого главного - функций таскраннера. Да, я вижу что ты можешь откомпилить js и css, но я не вижу автоматизации этих процессов, что бы они автоматически перекомпилировались, при каждом изменении. Я не увидел запуска сервера, а автоматической перезагрузки браузера, при каждом изменении. И в этом плане, мне как верстальщику, Gulp очень удобен. В твоем же случае сравнивание с галпом не совсем правильное, тут скорее надо сравнивать в webpack-ом. Хотя это получается плагин для вебпака.
@onecode_blog
@onecode_blog Жыл бұрын
вопросы справедливые, но и ответы будут не маленькие, так что можно обсудить в телеге t.me/onecode_blog
@guestalex
@guestalex 2 жыл бұрын
никогда не использовал всякие там шмяки-бяки, чистый код для меня рулит, тем более пишу его я быстро + сниппеты ускоряют вёрстку и т.п.
@onecode_blog
@onecode_blog 2 жыл бұрын
Так это не про написание кода, а про его дальнейшую автоматическую обработку - склеивание, минификацию, оптимизацию, версионирование и тд. Ты видео вообще смотрел? 😁
@oldkelt8316
@oldkelt8316 3 жыл бұрын
Ииии, бам... Для полноценной разработки нам придется так же ручками крутить конфиг и крутить не сильно меньше, чем в gulp...
@onecode_blog
@onecode_blog 3 жыл бұрын
Конфиг для сравнения в студию
@Юрий-с5е2к
@Юрий-с5е2к 3 жыл бұрын
Latavel-mix - это ведь настройка по-сути над webpack
@onecode_blog
@onecode_blog 3 жыл бұрын
Так точно, которая уже всё сделала за нас ))
@jonyonee
@jonyonee 2 жыл бұрын
Как же я замучался с этим laravel mix отпало желание ее пробовать уже......Html-bulder browserSync все как то криво работает.
@onecode_blog
@onecode_blog 2 жыл бұрын
возможно для чистой вёрстки не очень подходит, лично я его юзаю в связки с фрейморком, в котором уже встроенный свой шаблонизатор
@jonyonee
@jonyonee 2 жыл бұрын
@@onecode_blog Можешь сказать пожалуйста как мне стоит обучаться php/laravel, я вообще фронтенд разработчик vue.js. Хочу изучить laravel, могу ли я сразу начать с laravel ? По твоим видео хорошо ли будет обучаться?)))
@VladimirKrygin-j4d
@VladimirKrygin-j4d 3 жыл бұрын
И при чем здесь Gulp?
@onecode_blog
@onecode_blog 3 жыл бұрын
Действительно 😅
@VladimirKrygin-j4d
@VladimirKrygin-j4d 3 жыл бұрын
@@onecode_blog я понимаю клик-бейт и все такое, просто вводишь в заблуждение новичков. ;) Тем более gulp и webpack вещи разные, хоть и используются в пересекающихся задачах.
@onecode_blog
@onecode_blog 3 жыл бұрын
@@VladimirKrygin-j4d согласен, вещи разные, но в большинстве случаев используются для одинаковой цели на сколько я понимаю
@indigoram89
@indigoram89 3 жыл бұрын
вы правы, просто видео именно про сборку css/js, так что не вижу особого заблуждения
@VladimirKrygin-j4d
@VladimirKrygin-j4d 3 жыл бұрын
@@indigoram89 возможности gulp гораздо шире (т.к. это таск-менеджер в отличие от вебпака), чем сборка css/js, к тому же собирать модули js он не умеет без связки с вебпаком. Вы тёплое с мягким попутали. ;))
@alexandy1344
@alexandy1344 3 жыл бұрын
Для ленивых еще есть Parcel
@onecode_blog
@onecode_blog 3 жыл бұрын
спасибо за информацию! Я его не использовал никогда, однако сейчас глянул доку и после фразы "После установки sass вы можете импортировать SCSS-файлы из JavaScript-файлов." закрыл =)
@ChungaChanga03
@ChungaChanga03 2 жыл бұрын
Для особо ленивых есть / Prepros, Koala, и KodeKit / . Там ваще кодить не надою
@ChungaChanga03
@ChungaChanga03 2 жыл бұрын
@@onecode_blog Это тож можешь попробывать / Prepros, Koala, и KodeKit / Если стремится к простоте как это подано в это виде то тогда уж по максимуму, и не кодить ваообще.
@onecode_blog
@onecode_blog 2 жыл бұрын
@@ChungaChanga03 ахах, нужен баланс =D
@indigoram89
@indigoram89 3 жыл бұрын
Подписон!
@onecode_blog
@onecode_blog 3 жыл бұрын
да
@advokats086
@advokats086 3 жыл бұрын
БОЛЬШЕ ГОДНОГО КОНТЕНТА... !!!
@onecode_blog
@onecode_blog 3 жыл бұрын
понял, как раз заливаю видос! )))
@onecode_blog
@onecode_blog 3 жыл бұрын
у нас кстати есть ЧАТ в телеге и скоро там будет конкурс по вёрстке, присоединяйся t.me/onecode_ru
@advokats086
@advokats086 3 жыл бұрын
НЕА, В КОНКУРСАХ НЕ УЧАСТВУЮ...
@АлиР-з1к
@АлиР-з1к 2 жыл бұрын
менее понятного урока я не видел
@onecode_blog
@onecode_blog 2 жыл бұрын
Ахах
@monoteiz
@monoteiz 11 ай бұрын
Очередная заброщенная поделка. Хоть бы коммиты от опенсорс сообщества принимали. По мне это велосипед
@onecode_blog
@onecode_blog 11 ай бұрын
Да, теперь на сцене Vite
Vite - новый король assets в Laravel. Обновление ларавел 9.19.
16:06
Просто о сложном. CutCode
Рет қаралды 15 М.
人是不能做到吗?#火影忍者 #家人  #佐助
00:20
火影忍者一家
Рет қаралды 20 МЛН
The evil clown plays a prank on the angel
00:39
超人夫妇
Рет қаралды 53 МЛН
Chain Game Strong ⛓️
00:21
Anwar Jibawi
Рет қаралды 41 МЛН
Арыстанның айқасы, Тәуіржанның шайқасы!
25:51
QosLike / ҚосЛайк / Косылайық
Рет қаралды 700 М.
Что такое WEBPACK?
4:21
loftblog
Рет қаралды 24 М.
Laravel: это что и зачем нужен?
4:34
Энциклопедия Айтишника
Рет қаралды 13 М.
人是不能做到吗?#火影忍者 #家人  #佐助
00:20
火影忍者一家
Рет қаралды 20 МЛН