Спасибо вам огромное. Я как раз пытался вчера уйти с галпа и перейти на вебпак, но не мог разобраться как это лучше сделать. А вы мне открыли глаза, можно использовать и то и другое, но дозированно. Спасибо вам Дмитрий за ваш труд, вы спасаете столько жизней в этом веб мире.
Дмитрий, в видео вы говорите что если выбирать между Реакт и Вью то вы выберите Вью, скажите спустя 4 года Ваше мнение не изменилось? так же для Вас более предпочтителен Вью? спасибо.
У кого выходит ошибка: "Cannot find module 'babel-preset-env' from "../корень проекта", нужно поменять "presets" с ["env"] на ["@babel/env"] в .babelrc
Друзья, с подключением полифилов не ипитесь так, как показано в видосе, если конечно не делаете это осознанно. Бабель автоматически умеет добавлять нужные полифилы с core-js по мере того, как "незаполифиленная" фича встречается в коде. Дел на два щелчка: "npm i core-js" "npm i -D @babel/plugin-transform-runtime" и опции в конфиге бабеля: presets: [ '@babel/preset-env', { useBuiltIns: 'usage', corejs: 3 // версия core-js // } ]
мне не понравилось, что из-за webpacka мы выгружаем все в один итоговый бандл, не всегда это нужно, иногда нужно полностью повторять структуру src каталога, переганяя ES6->ES5
Что то я не въехал вебпак (а в данном случае вебпакстрим, собирает Файлы , и минифицирует…казалось бы вопросы отпали, но как мне сделать так что бы Файлы складывались не в один а с тем же именем что и исходники, здесь я столкнулся фактически с неразрешимой задачей Уже начал копаться в чистом nodejs,(копать в сторону fs)как получить имена файлов в папке, но после нашёл решение хоть и не до конца есть пакет галпа vinyl-named вроде так, и там можно получить имена файлов но пытаясь задать , в блоке вебпака , точку выхода(он не понимает чего от него хотят) И хотелось бы сделать так: 1)берет файлы, оставляя имена, а не генерируя хеш и собирает в папку (до подключении вебпака все так и было) 2)берет эти файлы и собирает в один 3)и этот файл уже идёт в итоговую сборку P.S а возможно ли запустить и vue js и react ? Насколько я понял некоторые переменные и функции у них конфликтуют, потому что пытаясь вывести в разных блоках по отдельности но подключая одновременно, выдавалась ошибка, и при отключении одного, всё происходило отлично… Ещё нескромный вопрос галп люблю и ненавижу, по причине того, что когда что то обновляется перестаёт работать, будь то нпм пакеты или же сам галп(когда обновился 4 добавив "удобства", жопа у меня горела знатно, когда не один проект не мог собраться.Может можно запретить обновления пакетов?или же они сами ставятся насколько я знаю внутренние пакеты (npm )обновляются командой ncu …
а как в webpack проекте с БЭМ структурой подключать svg ? если в 20 компонентах иконки используются как background то будет 20 запросов в браузере. Если каждую инлайнить, то разметка загрязняется. Как делать ?
У меня, Галп, ругается на импорты и не даёт файлы Вебпаку... import {foo} from "./foo"; ^^^^^^ SyntaxError: Cannot use import statement outside a module
Дима, никогда небыло так интересно! Почему-то влип в то, что если ты показываешь окно браузера, то он передает не просто рабочий стол, а в самом видео будто - *матрешка*? Ответе мне кто нибудь что это такое)) Отправка пакетов на еву? Которые видит человеческий глаз? Или че хаахах
нет, если в двух словах: webpack нужен, когда нужны импорты/экспорты (разделения кода) и комфортное использование бабеля (современные фичи js в старых браузерах)
@@UserSo4reUsu75ry pug не пользуюсь делаю сразу бекенд на php ... для нормальной работы svg разницы думаю нет чем встроить его код в html... в scss - небольшие размеры можно встроить c преобразованием в base64 - но это не очень удобно в дальнейшем, при смене стилей
Огромнейшее спасибо, Дмитрий! Вы как всегда на высоте!
Дима, как всегда умница. Плотность полезной информации - зашкаливает
Эх, такое бы видео 4 года назад мне!
Спасибо, нужное дело.
Спасибо вам огромное.
Я как раз пытался вчера уйти с галпа и перейти на вебпак, но не мог разобраться как это лучше сделать.
А вы мне открыли глаза, можно использовать и то и другое, но дозированно.
Спасибо вам Дмитрий за ваш труд, вы спасаете столько жизней в этом веб мире.
Дима, спасибо большое! Всегда очень полезно и интересно смотреть.
а исходники можно где то глянуть ?
Спасибо за видео
1:20:20 - core-js (полифилы)
1:28:51 - source-map для webpack
1:30:47 - gulp-if
Спасибо
Дмитрий, в видео вы говорите что если выбирать между Реакт и Вью то вы выберите Вью, скажите спустя 4 года Ваше мнение не изменилось? так же для Вас более предпочтителен Вью? спасибо.
У кого выходит ошибка: "Cannot find module 'babel-preset-env' from "../корень проекта", нужно поменять "presets" с ["env"] на ["@babel/env"] в .babelrc
Димка, давай хотя бы 1080? Мылится картинка.
Без котиков,а все равно интересно)
Друзья, с подключением полифилов не ипитесь так, как показано в видосе, если конечно не делаете это осознанно. Бабель автоматически умеет добавлять нужные полифилы с core-js по мере того, как "незаполифиленная" фича встречается в коде. Дел на два щелчка: "npm i core-js" "npm i -D @babel/plugin-transform-runtime" и опции в конфиге бабеля: presets: [ '@babel/preset-env', { useBuiltIns: 'usage', corejs: 3 // версия core-js // } ]
Скажите товарищи для сайта много страничного на чем лучше верстать?
Мене влаштовує як ви пояснюєте ✌️
Дмитрий, ты смотрел Parcel ? говорят интересней webpack. но если вы хороши в webpack то оставайтесь на нем .. но по бенчмарку Parcel очень интересен !
Где исходники?
мне не понравилось, что из-за webpacka мы выгружаем все в один итоговый бандл, не всегда это нужно, иногда нужно полностью повторять структуру src каталога, переганяя ES6->ES5
Что то я не въехал вебпак (а в данном случае вебпакстрим, собирает Файлы , и минифицирует…казалось бы вопросы отпали, но как мне сделать так что бы Файлы складывались не в один а с тем же именем что и исходники, здесь я столкнулся фактически с неразрешимой задачей
Уже начал копаться в чистом nodejs,(копать в сторону fs)как получить имена файлов в папке, но после нашёл решение хоть и не до конца есть пакет галпа vinyl-named вроде так, и там можно получить имена файлов но пытаясь задать , в блоке вебпака , точку выхода(он не понимает чего от него хотят)
И хотелось бы сделать так:
1)берет файлы, оставляя имена, а не генерируя хеш и собирает в папку (до подключении вебпака все так и было)
2)берет эти файлы и собирает в один
3)и этот файл уже идёт в итоговую сборку
P.S а возможно ли запустить и vue js и react ? Насколько я понял некоторые переменные и функции у них конфликтуют, потому что пытаясь вывести в разных блоках по отдельности но подключая одновременно, выдавалась ошибка, и при отключении одного, всё происходило отлично…
Ещё нескромный вопрос галп люблю и ненавижу, по причине того, что когда что то обновляется перестаёт работать, будь то нпм пакеты или же сам галп(когда обновился 4 добавив "удобства", жопа у меня горела знатно, когда не один проект не мог собраться.Может можно запретить обновления пакетов?или же они сами ставятся насколько я знаю внутренние пакеты (npm )обновляются командой ncu …
Добрый вечер, а browserify в галпе чем плох в отличие от вебпака?
а как в webpack проекте с БЭМ структурой подключать svg ?
если в 20 компонентах иконки используются как background то будет 20 запросов в браузере. Если каждую инлайнить, то разметка загрязняется. Как делать ?
Стоит ли начинающим разбираться в сборщиках? Может сперва вообще надо получить понимание что собирать ?
Естественно сначала без сборщиков несколько проектов сделай руками
У меня, Галп, ругается на импорты и не даёт файлы Вебпаку...
import {foo} from "./foo";
^^^^^^
SyntaxError: Cannot use import statement outside a module
Кто знает, можно поподробней. О чем писал этот челик?
webpack(webpackConfig).run()
const webpack = require('webpack');
Дима, никогда небыло так интересно! Почему-то влип в то, что если ты показываешь окно браузера, то он передает не просто рабочий стол, а в самом видео будто - *матрешка*? Ответе мне кто нибудь что это такое)) Отправка пакетов на еву? Которые видит человеческий глаз? Или че хаахах
Есть смысл включать в сборку вебпак если работаю только с jquery и плагинами? или проще топорно вытаскивать в gulp?
нет, если в двух словах: webpack нужен, когда нужны импорты/экспорты (разделения кода) и комфортное использование бабеля (современные фичи js в старых браузерах)
Заматерел!..
;-)
Webpack подходит для любого проекта.... От Gulp - иногда пачку картинок ужимаю...
а как в webpack + pug подключать svg спрайты человеческим способом ?
@@UserSo4reUsu75ry pug не пользуюсь делаю сразу бекенд на php ... для нормальной работы svg разницы думаю нет чем встроить его код в html... в scss - небольшие размеры можно встроить c преобразованием в base64 - но это не очень удобно в дальнейшем, при смене стилей
,Изучаю C# пилю видосы