Нужно на laravel mix переходить! Я только недавно узнал о канале и подписался! Full Stack? Так значит в будущем может сайтец (приложение) на full stack забабахаем?))
Без знания Галпа вроде как на работу в веб-студию устроиться проблематично. Если самому фрилансить - то Галп может и не нужен. А в веб-студии если скажешь, что различными плагинами будешь пользоваться вместо Галпа - сразу вроде как разворачивают до дому)
Слушай, ну реально классный инструмент. Было бы здорово, если бы ты записал видео по сборке полноценного, боевого проекта (картинки, шрифты и пр.). Спасибо и удачи на просторах Ютуба! )))
@@maks2 есть разные варианты, я бы лично отключил обработку URL и клал картинки сразу в dist/img и всё, потому что если картинки обрабатывать, то сборка может идти немного дольше (логично), но ты можешь попробовать класть в src/img и НЕ отключать обработку, посмотришь как пойдет, перенести в dist никогда не поздно, в общем не бойся экспериментировать - это всё твой полезнейший опыт будет!
@@maks2 а если на будущее, то я давно не хранил картинки в каталоге проекта, то есть когда не просто верстаешь, а разрабатываешь проекты, то хранить картинки в репозитории проекта (GIT) не очень правильно, тк размер репозитория растет, поэтому я храню их отдельно в облаке и прямо оттуда подключаю на страницу, таким образом они еще и доступны с любого места, да и вообще юзер на сайте загружает аватарку и она сразу доступна в облаке даже на тестовой версии сайта без ошибок, но это уже другая история, пока не загружайся =)
Глоток свежего воздуха, как родственную душу услыхал. Галп выглядит как-то сложно, паг - вчерашний день (шаблонизаторов полно встроенных, а новые вездесущие js-фреймворки реализую тот самый компонентный подход). Лихой тул показал, спс тебе большой.
Gulp и есть более простое решение. Он просто и легко автоматизирует простые процессы чтобы не тратить время. Если ты не можешь написать 4-5 тасков в галпе то ты скорее васего не знаешь js даже на базовом уровне. Потому что я хрен знает что там может быть сложного, написать пару джава скриптов по переброску и сборке scss и webpack подключить тупо одной строчкой кода.
@@AsonGor Можешь даже ему не отвечать, а айти без базового+ английского делать нечего, а раз человек не понимает слово "task", то он почти 0 и ему лучше заняться чем-нибудь полезным. А про автора видео то это пипец, и этот человек который не смог разобраться в Галп учит (пытается) других новичков. Зашёл на видео случайно, повелся на кликБейт, а тут такой фрукт.
Спасибо за видео!Мне как начинающему было бы интересно посмотреть сборку на реальном проекте. Галп пока для меня темный лес,а после такого видео думаю в ближайшее время изучения Галпа не планируется )
Мой печальный опыт Gulp. Начал изучать Grid-верстку. Смотрел курс, повторял все действия. Когда дошло дело до пуска, оказалось, что это уже не работает (курс был за 18-й год). Ладно. Начал изучать другой, более свежий курс. Установил Галп, навешал кучу плагинов. Все делал четко за лектором. В конце концов, после установки вебпаков выдало ошибку. И, судя по всему, чтобы разобраться в ее природе, нужна не даже не поллитра, а доза герыча.
реально бро, я сколько смотрю видео по разработке потихоньку учусь верстать и с каждым разом убеждаюсь, на][ер мне весь этот гемор нужен. Это что я должен каждый год обновлять эти версии всех продуктов, всё устаревает, новое освоить запомнить занимает сколько времени сил и желания. Стал присматриваться к видео-монтажу намного интереснее тема
Классная подача! Долго не хотел учить webpack и разбираться в нем, ибо казалось, что это очень нагруженная тема Был в шаге от того, чтобы сесть на gulp и тут наткнулся на этот ролик) Теперь буду делать связку laravel + tailwind)
А я вот как раз хотел начать изучать Галп ) чета реально перехотелось ) Так как все равно если для бекенда хочу изучить Laravel, то думаю все равно легче будет понять Laravel Mix чем Галп. Спасибо за видео!
6:25 думаю всём будет интересно, хотя бы кратко о каждом инструменте, и давай ту информацию, которая поможет новичкам узнать уже самим чуть больше о заинтересовавшем их предмете, например ты можешь называть основные функции, для чего он нужен, когда и где его надо использовать в реальных проектах. И можешь оставлять ссылки на документацию или на видео, или на другой источник, который поможет новичку лучше узнать о заинтересовавшем его инструменте
понял, большое спасибо, очень важная для меня информация, а вообще потихоньку надо переходить к разработке проектов, чтобы практиковаться на реальных примерах, вёрстка и контент для начинающих только для разгона =)
блииин. скольже же нового появляется так и заблудиться можно)). Начинаешь изучать что-то одно потом появляется другое и кажется вот он грааль. потом опять что-то интересное итд. Как же остановиться на чем-то одном и точить определенный инструмент. За трендами не угонишься короче. А если на работу устраиваться, то думаешь, а если это не знать то не возьмут, а если учить что-то одно то пока учишь уже устареет вот и гонишься за всем подряд, в итоге страдает качество. Вот кто как для себя решил этот вопрос?
@@blatisgense933 не в этом суть) у меня две сборки для верстки с gulp. Но тут просто быстрее для каких-то даже мелких целей или уже под что-то более тоже можно создать. Плюс даже под WP удобно сборку сделать. Кому под какие задачи 😊
@@onecode_blog очень быстро объясняешь, я только учусь вобще ничего не понимаю таски, json-ы для чего это всё. Если это меня ждёт впереди - то мне совсем не нравиться((( Я думал у меня в проекте будет три папки как в видеоуроках: html, css и images - и я буду с этим всегда работать верстать, а здесь надо установить еще кучу всякой ][eрHи, чтобы сверстать одну страницу для сайта, вы с ума там все посходили ли как!?
я думаю, что на эту тему уже полно видео, а если говорить про меня, то я недавно на него перешел, до этого сидел на саблайме всегда, а на VS особо ничего не делал: поставил тему, шрифт да и всё вроде =) а ну горячие клавиши еще изучил, тк некоторые комбинации отличаются от саблайма, горячие клавиши вообще в этом вопросе обязательно надо юзать!
Если честно, то здесь я использую 2 варианта: оптимизирую изображения при экспорте (например фотошоп), а так же для загрузки, хранения и обработки изображений (и вообще файлов) использую специальный сервис (облачный), который позволяет "на лету" (путем добавления параметров в URL изображения изменять его размер/качество/формаи и тд) - это очень удобно, поэтому я не работаю с изображениями непосредственнов при сборке, однако в любом случае не сомневаюсь, что это можно делать в laravel-mix, если не из коробки, то через расширение (laravel-mix.com/extensions) или через кастомную конфигурацию Webpack (который работает под капотом). Спасибо за вопрос!
Доброго времени. Первый раз занимаюсь сборкой. Запускаю проект в VSCode, но "touch webpack.mix.js" пишет , что команда не распознана. Подскажите, что не так
Потратил 2 недели на настройку вебпака, что бы он работал именно так, как мне нужно. А сегодня настроил все через laravel-mix все тоже самое буквально минут за 20. Где был твой канл раньше? 😂😂😂
вы не показали как настроить автосборку с поднятием локалхоста и автоматическим обновлением страницы. Можете сделать репозиторий с подобным конфигом и выложить в описании к видео? Чтобы был такой стартовый шаблон, скачиваешь и погнал экспериментировать
Здравствуйте. Очень хорошая видео. Но можете сделать подробнее видео. Может даже одну реальную макет. Я сам начал Ларавел но все равно когда уже больше чем 10 css файлов уже не понимаю какую именно сделать микс. Спасибо заранее
вот честно не знаю, мне не приходилось менять дефолтные параметры, однако если заглянуть в доку, то там написано, что мы можем менять конфиги вот так s.mail.ru/3Bsj/phaYQWupi и дальше там сказано, что все возможные параметры можно посмотреть в файле github.com/JeffreyWay/laravel-mix/blob/master/src/config.js, смотрим и видим там свойство babelConfig s.mail.ru/ETAV/Z9482pGcL очевидно можно сделать так mix.options({ babelConfig: { ... } })
Не увидел самого главного - функций таскраннера. Да, я вижу что ты можешь откомпилить js и css, но я не вижу автоматизации этих процессов, что бы они автоматически перекомпилировались, при каждом изменении. Я не увидел запуска сервера, а автоматической перезагрузки браузера, при каждом изменении. И в этом плане, мне как верстальщику, Gulp очень удобен. В твоем же случае сравнивание с галпом не совсем правильное, тут скорее надо сравнивать в webpack-ом. Хотя это получается плагин для вебпака.
Так это не про написание кода, а про его дальнейшую автоматическую обработку - склеивание, минификацию, оптимизацию, версионирование и тд. Ты видео вообще смотрел? 😁
Доброго времени суток, Макс! Очень зацепило видео о 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' ] }
привет! так на вскидку не скажу, возможно ты забыл вызвать метод .vue() в файле webpack.mix.js, а если нет - задай вопрос в нашем чате: t.me/onecode_chat
@@onecode_blog Можешь сказать пожалуйста как мне стоит обучаться php/laravel, я вообще фронтенд разработчик vue.js. Хочу изучить laravel, могу ли я сразу начать с laravel ? По твоим видео хорошо ли будет обучаться?)))
спасибо за информацию! Я его не использовал никогда, однако сейчас глянул доку и после фразы "После установки sass вы можете импортировать SCSS-файлы из JavaScript-файлов." закрыл =)
@@onecode_blog Это тож можешь попробывать / Prepros, Koala, и KodeKit / Если стремится к простоте как это подано в это виде то тогда уж по максимуму, и не кодить ваообще.
@@onecode_blog я понимаю клик-бейт и все такое, просто вводишь в заблуждение новичков. ;) Тем более gulp и webpack вещи разные, хоть и используются в пересекающихся задачах.
@@indigoram89 возможности gulp гораздо шире (т.к. это таск-менеджер в отличие от вебпака), чем сборка css/js, к тому же собирать модули js он не умеет без связки с вебпаком. Вы тёплое с мягким попутали. ;))
Юзаешь галп?
Нужно на laravel mix переходить! Я только недавно узнал о канале и подписался! Full Stack? Так значит в будущем может сайтец (приложение) на full stack забабахаем?))
@@user-kg6fz5tz2b обязательно забабахаем и не один! 😀
@@onecode_blog Спасибо! Будем ждать! Колокольчик врубил))
Без знания Галпа вроде как на работу в веб-студию устроиться проблематично. Если самому фрилансить - то Галп может и не нужен. А в веб-студии если скажешь, что различными плагинами будешь пользоваться вместо Галпа - сразу вроде как разворачивают до дому)
@@dieselpower1252 возможно, я просто делюсь своим опытом и у меня без галпа не было проблем, кстати на фрилансе я никогда не работал 😀
Слушай, ну реально классный инструмент. Было бы здорово, если бы ты записал видео по сборке полноценного, боевого проекта (картинки, шрифты и пр.). Спасибо и удачи на просторах Ютуба! )))
понял, спасибо за идею и просмотр! до связи )))
@@maks2 есть разные варианты, я бы лично отключил обработку URL и клал картинки сразу в dist/img и всё, потому что если картинки обрабатывать, то сборка может идти немного дольше (логично), но ты можешь попробовать класть в src/img и НЕ отключать обработку, посмотришь как пойдет, перенести в dist никогда не поздно, в общем не бойся экспериментировать - это всё твой полезнейший опыт будет!
@@maks2 а если на будущее, то я давно не хранил картинки в каталоге проекта, то есть когда не просто верстаешь, а разрабатываешь проекты, то хранить картинки в репозитории проекта (GIT) не очень правильно, тк размер репозитория растет, поэтому я храню их отдельно в облаке и прямо оттуда подключаю на страницу, таким образом они еще и доступны с любого места, да и вообще юзер на сайте загружает аватарку и она сразу доступна в облаке даже на тестовой версии сайта без ошибок, но это уже другая история, пока не загружайся =)
@@maks2 открой пожалуйста свой комментарий, чтобы другие тоже видели, может кому-то еще будет полезно
@@onecode_blog Привет! А в каком облаке хранишь? Может знаешь какое-то бесплатное или недорогое для небольшого проекта?
Глоток свежего воздуха, как родственную душу услыхал. Галп выглядит как-то сложно, паг - вчерашний день (шаблонизаторов полно встроенных, а новые вездесущие js-фреймворки реализую тот самый компонентный подход). Лихой тул показал, спс тебе большой.
Круто, бро! Рад слышать! На связи 🤙
Шикарное видео , спасибо большое за инфу. 🔥🔥🔥🔥
рад, если полезно!
Супер! Действительно, от души!💫
Благодарствую за просмотр и коммент! 😀
После галпа это просто игрушка в настройках) Классный инструмент, интересное видео. Автору спасибо
Тебе спасибо за коммент! 👍
Просто пушка! Мега удобно и просто! Спасибо что открыл такой инструмент)
Потом попробуй ещё сам Laravel 👍
какая прелесть и не нужно больше страдать с gulpами)) спасибо, попробу!
ага, и тебе спасибо за просмотр и коммент!
Исходя из информации в видео, можно сделать вывод, что Gulp будет актуален ещё очень даже долго)
Безусловно, всегда есть несколько инструментов для решения задачи, выбирай любой ))) я предпочитаю более простые решения
Gulp и есть более простое решение. Он просто и легко автоматизирует простые процессы чтобы не тратить время.
Если ты не можешь написать 4-5 тасков в галпе то ты скорее васего не знаешь js даже на базовом уровне. Потому что я хрен знает что там может быть сложного, написать пару джава скриптов по переброску и сборке scss и webpack подключить тупо одной строчкой кода.
@@AsonGor что такое таск? и зачем он нужен?
@@Alexey_Gri задачи в гулпе которые он же и выполняет и которые ты прописываешь. Я их тасками называю, ты можешь хоть енотами называть.
@@AsonGor Можешь даже ему не отвечать, а айти без базового+ английского делать нечего, а раз человек не понимает слово "task", то он почти 0 и ему лучше заняться чем-нибудь полезным. А про автора видео то это пипец, и этот человек который не смог разобраться в Галп учит (пытается) других новичков. Зашёл на видео случайно, повелся на кликБейт, а тут такой фрукт.
Отличная штука! И легкая в приминении.
ага, позволяет сразу сосредоточится на разработке проекта, а не настройке окружения
Спасибо, я очень признателен! У вас очень качественный контент, продолжайте в том же духе. От меня like, подписка и колокольчик.
И вам спасибо за тёплые слова! 🤝
Спасибо за видео!Мне как начинающему было бы интересно посмотреть сборку на реальном проекте. Галп пока для меня темный лес,а после такого видео думаю в ближайшее время изучения Галпа не планируется )
ахах, да есть такая вероятность =) не ты первый спрашиваешь про реальный пример, так что думаю сделаем! спасибо за просмотр!
Мой печальный опыт Gulp. Начал изучать Grid-верстку. Смотрел курс, повторял все действия. Когда дошло дело до пуска, оказалось, что это уже не работает (курс был за 18-й год). Ладно. Начал изучать другой, более свежий курс. Установил Галп, навешал кучу плагинов. Все делал четко за лектором. В конце концов, после установки вебпаков выдало ошибку. И, судя по всему, чтобы разобраться в ее природе, нужна не даже не поллитра, а доза герыча.
есть такое дело! спасибо, что поделился опытом ))))
реально бро, я сколько смотрю видео по разработке потихоньку учусь верстать и с каждым разом убеждаюсь, на][ер мне весь этот гемор нужен.
Это что я должен каждый год обновлять эти версии всех продуктов, всё устаревает, новое освоить запомнить занимает сколько времени сил и желания.
Стал присматриваться к видео-монтажу намного интереснее тема
Спасибо!
И Вам спасибо!
Канал просто круть! Так держать, сразу видно профи. Однозначно подписка
Спасибо, друг, очень мотивирует! 🤘
От души, то что нужно для начала
Дальше - больше 😀 молодцом 👍
Классная подача!
Долго не хотел учить webpack и разбираться в нем, ибо казалось, что это очень нагруженная тема
Был в шаге от того, чтобы сесть на gulp и тут наткнулся на этот ролик)
Теперь буду делать связку laravel + tailwind)
Круто! Экспериментируй и найдешь свой путь в разнообразии инструментов )) спасибо за просмотр!
у нас кстати есть ЧАТ в телеге и скоро там будет конкурс по вёрстке, присоединяйся t.me/onecode_ru
И да - по поводу инструментов хотелось бы глянуть.
Сделаем
@Анатолий Димов да, на канале серия видео (жёлтые)
Очень круто, два дня мучился с gulp, постоянные ошибки в плагинах, отбили желание с ним работать
Рад, что полезно! 🥳 И спасибо за коммент 🙏
Больше видосов - хороших и разных! )))
Принял )))
А я вот как раз хотел начать изучать Галп ) чета реально перехотелось ) Так как все равно если для бекенда хочу изучить Laravel, то думаю все равно легче будет понять Laravel Mix чем Галп. Спасибо за видео!
Так точно
6:25 думаю всём будет интересно, хотя бы кратко о каждом инструменте, и давай ту информацию, которая поможет новичкам узнать уже самим чуть больше о заинтересовавшем их предмете, например ты можешь называть основные функции, для чего он нужен, когда и где его надо использовать в реальных проектах. И можешь оставлять ссылки на документацию или на видео, или на другой источник, который поможет новичку лучше узнать о заинтересовавшем его инструменте
понял, большое спасибо, очень важная для меня информация, а вообще потихоньку надо переходить к разработке проектов, чтобы практиковаться на реальных примерах, вёрстка и контент для начинающих только для разгона =)
very good practicuse THANKS
А я выбрал Gulp!. Один раз заморочился с настройками и можно работать под разными проектами.
Нормальный вариант 👍
Спасибо вам, это чудо
Рад, что понравилось! Удачи!
Привет Макс, отличное видео, но теперь Laravel 9 использует Vite. Надо уже видос про него! ))
есть такое дело )))
блииин. скольже же нового появляется так и заблудиться можно)). Начинаешь изучать что-то одно потом появляется другое и кажется вот он грааль. потом опять что-то интересное итд. Как же остановиться на чем-то одном и точить определенный инструмент. За трендами не угонишься короче. А если на работу устраиваться, то думаешь, а если это не знать то не возьмут, а если учить что-то одно то пока учишь уже устареет вот и гонишься за всем подряд, в итоге страдает качество. Вот кто как для себя решил этот вопрос?
на самом деле это по-началу так, потом попробуешь всё что нужно, сам для себя выберешь свои инструменты и будет ок
На самом деле эта тема (Laravel MIX) не новая, а давнишняя, но очень прикольная
Мистер who)))
Ооууееее
Круто!
ага!
Галопом по Европам, теперь нужно записать по-подробнее с чувством, толком и расстановкой
Это можно, спасибо 🤝
Спасибо за видос !))
Давно хочу с Gulp перейти на что-то практичней и удобней))
Экспериментируй! 😀
Да так и будет, осталось найти как с картинками проработать сжатие и перенос их !)))
@@igorDevIt А чем галп не удобен и сложен?
@@blatisgense933 не в этом суть) у меня две сборки для верстки с gulp.
Но тут просто быстрее для каких-то даже мелких целей или уже под что-то более тоже можно создать. Плюс даже под WP удобно сборку сделать. Кому под какие задачи 😊
@@igorDevIt ну если что то большее и работа с фреймворками то тогда wenPack
Спасибо очень помог
Тебе спасибо за коммент 👍
Благодарю за обзор. (столько времени потратил на gulp и связку galp+webpack... )
Любой опыт в нашем деле полезен!
Хорошее видео, спасибо!
Тебе спасибо за коммент! 👍
Как заготовка на будущее вещь хорошая, а сейчас пока немного тускло и не особо заходит. Но потенциал действительно хороший
каждому свой инструмент ))
Если круче галопа, собери сайт на нем, ок? Я только начал с gulp знакомиться, ты посоветуешь сразу бросить и перейти на этот ?
За 8 лет собрал сайт, и не один )) Я предлагаю пробовать всё на своём опыте и потом принимать решение
Очень круто!
Работа должна приносить кайф 🤝
у нас кстати есть ЧАТ в телеге и скоро там будет конкурс по вёрстке, присоединяйся t.me/onecode_ru
@@onecode_blog Круто👍🏻, подписался
@@NeoJohnSmit спасибо!
Ну ты и шпаришь как раньше машинистка тексты набирала. И так 8 часов к ряду каждый день надо работать. Супер демотивация.)
В смысле?
@@onecode_blog очень быстро объясняешь, я только учусь вобще ничего не понимаю таски, json-ы для чего это всё. Если это меня ждёт впереди - то мне совсем не нравиться((( Я думал у меня в проекте будет три папки как в видеоуроках: html, css и images - и я буду с этим всегда работать верстать, а здесь надо установить еще кучу всякой ][eрHи, чтобы сверстать одну страницу для сайта, вы с ума там все посходили ли как!?
Кстати думаю очень многим было бы интересно настройка VS CODE и узнать какие плагины ты используешь
я думаю, что на эту тему уже полно видео, а если говорить про меня, то я недавно на него перешел, до этого сидел на саблайме всегда, а на VS особо ничего не делал: поставил тему, шрифт да и всё вроде =) а ну горячие клавиши еще изучил, тк некоторые комбинации отличаются от саблайма, горячие клавиши вообще в этом вопросе обязательно надо юзать!
Спасибо большое буду юзать так как я тоже ленивый и писать эти таски просто раздражает иногда особенно когда перестает работать тот или иной таск!
Круто! Спасибо за просмотр!
Молодец, я как раз Ларавель углубленно изучаю.
Значит ты в нужном месте 😀 круто!
🔥🔥🔥
🤝
Привет, у тебя показано только по одному файлу, которые ты собираешь, пробовал сделать тоже с несколькими файлами js и css и получал ошибки.
Я собирал кучу разных файлов отдельно без проблем
Вопрос:
Минификацию изображений как делаете? Laravel-mix?
Если честно, то здесь я использую 2 варианта: оптимизирую изображения при экспорте (например фотошоп), а так же для загрузки, хранения и обработки изображений (и вообще файлов) использую специальный сервис (облачный), который позволяет "на лету" (путем добавления параметров в URL изображения изменять его размер/качество/формаи и тд) - это очень удобно, поэтому я не работаю с изображениями непосредственнов при сборке, однако в любом случае не сомневаюсь, что это можно делать в laravel-mix, если не из коробки, то через расширение (laravel-mix.com/extensions) или через кастомную конфигурацию Webpack (который работает под капотом). Спасибо за вопрос!
А vite только для vue ? Просто видел что Эвен Ю что то выпускал
Не только для vue, для любого js
Доброго времени. Первый раз занимаюсь сборкой. Запускаю проект в VSCode, но "touch webpack.mix.js" пишет , что команда не распознана. Подскажите, что не так
Возможно на винде другая команда. Создай файл через меню просто.
@@onecode_blog Спасибо, так все работает))
@@user-cf3fg7qn9n Класс! Успехов!
видос супер
благодарствую!
Нихерасебе скорость, глазами не успевал за написанием кода
понял, буду замедляться, спасибо за отзыв!
Ты прям в тему, я сегодня пол дня на gulp убил.
во, круто ))
Потратил 2 недели на настройку вебпака, что бы он работал именно так, как мне нужно.
А сегодня настроил все через laravel-mix все тоже самое буквально минут за 20. Где был твой канл раньше? 😂😂😂
Да в этом его сила )))
вы не показали как настроить автосборку с поднятием локалхоста и автоматическим обновлением страницы. Можете сделать репозиторий с подобным конфигом и выложить в описании к видео? Чтобы был такой стартовый шаблон, скачиваешь и погнал экспериментировать
да, автообновление щас модно делать просто через расширение в VSCode
@@onecode_blog В VS Code плагин LiveServer не работает с расширением .php
@@ChungaChanga03 не знаю, я им не пользуюсь
@@onecode_blog Это Не вопрос это утверждение.
Где в моем ответе выше видишь вопросительный знак?
Здравствуйте. Очень хорошая видео. Но можете сделать подробнее видео. Может даже одну реальную макет.
Я сам начал Ларавел но все равно когда уже больше чем 10 css файлов уже не понимаю какую именно сделать микс.
Спасибо заранее
привет и спасибо за отзыв! мы сейчас изучаем ларавел и будет еще видео про микс. спасибо!
А как browserlist настроить для babel в laravel mix?
вот честно не знаю, мне не приходилось менять дефолтные параметры, однако если заглянуть в доку, то там написано, что мы можем менять конфиги вот так s.mail.ru/3Bsj/phaYQWupi и дальше там сказано, что все возможные параметры можно посмотреть в файле github.com/JeffreyWay/laravel-mix/blob/master/src/config.js, смотрим и видим там свойство babelConfig s.mail.ru/ETAV/Z9482pGcL очевидно можно сделать так mix.options({ babelConfig: { ... } })
Следующее видео: по галпу: "все что нужно знать для старта", длительность: 1:52:36
😂😂
Зря смеетесь, авторы для вас, тех кто документацию не осилил стараются, но вы только жалуетесь на длительность видео. У вас усидчивости не хватает?
ппц как всё сложно, всё желание отбило вобще заниматься учиться в этом направлении(((((
А где легко? Результат стоит того ))
Всем привет ребята, подскажите почему папка dist не создается? есть какие нибудь варианты? все делал по инструкции
Привет! Проверь по видео свой конфиг и особенно параметр setPublicPath
Не увидел самого главного - функций таскраннера. Да, я вижу что ты можешь откомпилить js и css, но я не вижу автоматизации этих процессов, что бы они автоматически перекомпилировались, при каждом изменении. Я не увидел запуска сервера, а автоматической перезагрузки браузера, при каждом изменении. И в этом плане, мне как верстальщику, Gulp очень удобен. В твоем же случае сравнивание с галпом не совсем правильное, тут скорее надо сравнивать в webpack-ом. Хотя это получается плагин для вебпака.
вопросы справедливые, но и ответы будут не маленькие, так что можно обсудить в телеге t.me/onecode_blog
Ииии, бам... Для полноценной разработки нам придется так же ручками крутить конфиг и крутить не сильно меньше, чем в gulp...
Конфиг для сравнения в студию
никогда не использовал всякие там шмяки-бяки, чистый код для меня рулит, тем более пишу его я быстро + сниппеты ускоряют вёрстку и т.п.
Так это не про написание кода, а про его дальнейшую автоматическую обработку - склеивание, минификацию, оптимизацию, версионирование и тд. Ты видео вообще смотрел? 😁
Latavel-mix - это ведь настройка по-сути над webpack
Так точно, которая уже всё сделала за нас ))
Классно попробывал, но блин не могу юзать iclude html в документации прочитал не как то криво работает
Инклюд не пробовал, потому что использую отдельные шаблонизатор из фреймворка ларавел
Доброго времени суток, Макс! Очень зацепило видео о 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'
]
}
привет! так на вскидку не скажу, возможно ты забыл вызвать метод .vue() в файле webpack.mix.js, а если нет - задай вопрос в нашем чате: t.me/onecode_chat
привет, ну что ты нашел ответ? у меня такая же ошибка
Как же я замучался с этим laravel mix отпало желание ее пробовать уже......Html-bulder browserSync все как то криво работает.
возможно для чистой вёрстки не очень подходит, лично я его юзаю в связки с фрейморком, в котором уже встроенный свой шаблонизатор
@@onecode_blog Можешь сказать пожалуйста как мне стоит обучаться php/laravel, я вообще фронтенд разработчик vue.js. Хочу изучить laravel, могу ли я сразу начать с laravel ? По твоим видео хорошо ли будет обучаться?)))
Моя установка закончилась на втором пункте (touch webpack.mix.js). Консоль пишет ошибку или я чего то не понимаю...
touch это просто команда для создания файла, возможно на винде её нет, вы создайте этот файл вручную в корне проекта
@@onecode_blog Спасибо за ответы! 😉
@@user-fx4tq3cz2w вам спасибо за просмотр!
вместо команды touch попробуйте (ni webpack.mix.js) потом два раза запустите npx mix 😉
БОЛЬШЕ ГОДНОГО КОНТЕНТА... !!!
понял, как раз заливаю видос! )))
у нас кстати есть ЧАТ в телеге и скоро там будет конкурс по вёрстке, присоединяйся t.me/onecode_ru
НЕА, В КОНКУРСАХ НЕ УЧАСТВУЮ...
Для ленивых еще есть Parcel
спасибо за информацию! Я его не использовал никогда, однако сейчас глянул доку и после фразы "После установки sass вы можете импортировать SCSS-файлы из JavaScript-файлов." закрыл =)
Для особо ленивых есть / Prepros, Koala, и KodeKit / . Там ваще кодить не надою
@@onecode_blog Это тож можешь попробывать / Prepros, Koala, и KodeKit /
Если стремится к простоте как это подано в это виде то тогда уж по максимуму, и не кодить ваообще.
@@ChungaChanga03 ахах, нужен баланс =D
Подписон!
да
менее понятного урока я не видел
Ахах
И при чем здесь Gulp?
Действительно 😅
@@onecode_blog я понимаю клик-бейт и все такое, просто вводишь в заблуждение новичков. ;) Тем более gulp и webpack вещи разные, хоть и используются в пересекающихся задачах.
@@VladimirKrygin-j4d согласен, вещи разные, но в большинстве случаев используются для одинаковой цели на сколько я понимаю
вы правы, просто видео именно про сборку css/js, так что не вижу особого заблуждения
@@indigoram89 возможности gulp гораздо шире (т.к. это таск-менеджер в отличие от вебпака), чем сборка css/js, к тому же собирать модули js он не умеет без связки с вебпаком.
Вы тёплое с мягким попутали. ;))
Очередная заброщенная поделка. Хоть бы коммиты от опенсорс сообщества принимали. По мне это велосипед
Да, теперь на сцене Vite