Нужно на laravel mix переходить! Я только недавно узнал о канале и подписался! Full Stack? Так значит в будущем может сайтец (приложение) на full stack забабахаем?))
Без знания Галпа вроде как на работу в веб-студию устроиться проблематично. Если самому фрилансить - то Галп может и не нужен. А в веб-студии если скажешь, что различными плагинами будешь пользоваться вместо Галпа - сразу вроде как разворачивают до дому)
В первые слышу о таком инструменте как Laravel Mix, реально понравился - я узаю Галп, но наверное попробую перейти на Laravel )) Спасибо за видео, очень познавательно!
Классная подача! Долго не хотел учить webpack и разбираться в нем, ибо казалось, что это очень нагруженная тема Был в шаге от того, чтобы сесть на gulp и тут наткнулся на этот ролик) Теперь буду делать связку laravel + tailwind)
Слушай, ну реально классный инструмент. Было бы здорово, если бы ты записал видео по сборке полноценного, боевого проекта (картинки, шрифты и пр.). Спасибо и удачи на просторах Ютуба! )))
@@maks2 есть разные варианты, я бы лично отключил обработку URL и клал картинки сразу в dist/img и всё, потому что если картинки обрабатывать, то сборка может идти немного дольше (логично), но ты можешь попробовать класть в src/img и НЕ отключать обработку, посмотришь как пойдет, перенести в dist никогда не поздно, в общем не бойся экспериментировать - это всё твой полезнейший опыт будет!
@@maks2 а если на будущее, то я давно не хранил картинки в каталоге проекта, то есть когда не просто верстаешь, а разрабатываешь проекты, то хранить картинки в репозитории проекта (GIT) не очень правильно, тк размер репозитория растет, поэтому я храню их отдельно в облаке и прямо оттуда подключаю на страницу, таким образом они еще и доступны с любого места, да и вообще юзер на сайте загружает аватарку и она сразу доступна в облаке даже на тестовой версии сайта без ошибок, но это уже другая история, пока не загружайся =)
Спасибо за видео!Мне как начинающему было бы интересно посмотреть сборку на реальном проекте. Галп пока для меня темный лес,а после такого видео думаю в ближайшее время изучения Галпа не планируется )
Глоток свежего воздуха, как родственную душу услыхал. Галп выглядит как-то сложно, паг - вчерашний день (шаблонизаторов полно встроенных, а новые вездесущие js-фреймворки реализую тот самый компонентный подход). Лихой тул показал, спс тебе большой.
Gulp и есть более простое решение. Он просто и легко автоматизирует простые процессы чтобы не тратить время. Если ты не можешь написать 4-5 тасков в галпе то ты скорее васего не знаешь js даже на базовом уровне. Потому что я хрен знает что там может быть сложного, написать пару джава скриптов по переброску и сборке scss и webpack подключить тупо одной строчкой кода.
@@AsonGor Можешь даже ему не отвечать, а айти без базового+ английского делать нечего, а раз человек не понимает слово "task", то он почти 0 и ему лучше заняться чем-нибудь полезным. А про автора видео то это пипец, и этот человек который не смог разобраться в Галп учит (пытается) других новичков. Зашёл на видео случайно, повелся на кликБейт, а тут такой фрукт.
я думаю, что на эту тему уже полно видео, а если говорить про меня, то я недавно на него перешел, до этого сидел на саблайме всегда, а на VS особо ничего не делал: поставил тему, шрифт да и всё вроде =) а ну горячие клавиши еще изучил, тк некоторые комбинации отличаются от саблайма, горячие клавиши вообще в этом вопросе обязательно надо юзать!
Если честно, то здесь я использую 2 варианта: оптимизирую изображения при экспорте (например фотошоп), а так же для загрузки, хранения и обработки изображений (и вообще файлов) использую специальный сервис (облачный), который позволяет "на лету" (путем добавления параметров в URL изображения изменять его размер/качество/формаи и тд) - это очень удобно, поэтому я не работаю с изображениями непосредственнов при сборке, однако в любом случае не сомневаюсь, что это можно делать в laravel-mix, если не из коробки, то через расширение (laravel-mix.com/extensions) или через кастомную конфигурацию Webpack (который работает под капотом). Спасибо за вопрос!
Здравствуйте. Очень хорошая видео. Но можете сделать подробнее видео. Может даже одну реальную макет. Я сам начал Ларавел но все равно когда уже больше чем 10 css файлов уже не понимаю какую именно сделать микс. Спасибо заранее
А я вот как раз хотел начать изучать Галп ) чета реально перехотелось ) Так как все равно если для бекенда хочу изучить Laravel, то думаю все равно легче будет понять 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: { ... } })
@@blatisgense933 не в этом суть) у меня две сборки для верстки с gulp. Но тут просто быстрее для каких-то даже мелких целей или уже под что-то более тоже можно создать. Плюс даже под WP удобно сборку сделать. Кому под какие задачи 😊
6:25 думаю всём будет интересно, хотя бы кратко о каждом инструменте, и давай ту информацию, которая поможет новичкам узнать уже самим чуть больше о заинтересовавшем их предмете, например ты можешь называть основные функции, для чего он нужен, когда и где его надо использовать в реальных проектах. И можешь оставлять ссылки на документацию или на видео, или на другой источник, который поможет новичку лучше узнать о заинтересовавшем его инструменте
понял, большое спасибо, очень важная для меня информация, а вообще потихоньку надо переходить к разработке проектов, чтобы практиковаться на реальных примерах, вёрстка и контент для начинающих только для разгона =)
Доброго времени. Первый раз занимаюсь сборкой. Запускаю проект в VSCode, но "touch webpack.mix.js" пишет , что команда не распознана. Подскажите, что не так
Мой печальный опыт Gulp. Начал изучать Grid-верстку. Смотрел курс, повторял все действия. Когда дошло дело до пуска, оказалось, что это уже не работает (курс был за 18-й год). Ладно. Начал изучать другой, более свежий курс. Установил Галп, навешал кучу плагинов. Все делал четко за лектором. В конце концов, после установки вебпаков выдало ошибку. И, судя по всему, чтобы разобраться в ее природе, нужна не даже не поллитра, а доза герыча.
реально бро, я сколько смотрю видео по разработке потихоньку учусь верстать и с каждым разом убеждаюсь, на][ер мне весь этот гемор нужен. Это что я должен каждый год обновлять эти версии всех продуктов, всё устаревает, новое освоить запомнить занимает сколько времени сил и желания. Стал присматриваться к видео-монтажу намного интереснее тема
вы не показали как настроить автосборку с поднятием локалхоста и автоматическим обновлением страницы. Можете сделать репозиторий с подобным конфигом и выложить в описании к видео? Чтобы был такой стартовый шаблон, скачиваешь и погнал экспериментировать
блииин. скольже же нового появляется так и заблудиться можно)). Начинаешь изучать что-то одно потом появляется другое и кажется вот он грааль. потом опять что-то интересное итд. Как же остановиться на чем-то одном и точить определенный инструмент. За трендами не угонишься короче. А если на работу устраиваться, то думаешь, а если это не знать то не возьмут, а если учить что-то одно то пока учишь уже устареет вот и гонишься за всем подряд, в итоге страдает качество. Вот кто как для себя решил этот вопрос?
Доброго времени суток, Макс! Очень зацепило видео о 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 очень быстро объясняешь, я только учусь вобще ничего не понимаю таски, json-ы для чего это всё. Если это меня ждёт впереди - то мне совсем не нравиться((( Я думал у меня в проекте будет три папки как в видеоуроках: html, css и images - и я буду с этим всегда работать верстать, а здесь надо установить еще кучу всякой ][eрHи, чтобы сверстать одну страницу для сайта, вы с ума там все посходили ли как!?
Так это не про написание кода, а про его дальнейшую автоматическую обработку - склеивание, минификацию, оптимизацию, версионирование и тд. Ты видео вообще смотрел? 😁
Потратил 2 недели на настройку вебпака, что бы он работал именно так, как мне нужно. А сегодня настроил все через laravel-mix все тоже самое буквально минут за 20. Где был твой канл раньше? 😂😂😂
Не увидел самого главного - функций таскраннера. Да, я вижу что ты можешь откомпилить js и css, но я не вижу автоматизации этих процессов, что бы они автоматически перекомпилировались, при каждом изменении. Я не увидел запуска сервера, а автоматической перезагрузки браузера, при каждом изменении. И в этом плане, мне как верстальщику, Gulp очень удобен. В твоем же случае сравнивание с галпом не совсем правильное, тут скорее надо сравнивать в webpack-ом. Хотя это получается плагин для вебпака.
@@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 он не умеет без связки с вебпаком. Вы тёплое с мягким попутали. ;))