@webpack_ru
Webpack — русскоговорящее сообщество

Обсуждения webpack, лоадеров, плагинов и сборок Правила: http://bit.ly/our_etiquette См. также: @rollup_ru, @react_js, @vscode_ru, @macos_ru, @js_ru

974 members

Архив канала @webpack_ru 25 марта 2018 г.

12:45:44 ДП
User 47236452
Какой filesize limit стоит у uglify?
03:50:27 ПП
User 132843936
Привет. есть wp 4 собираю финальный бандл при помощи compression-webpack-plugin, однако в index.html попадает js, а не gz. Вроде как ишьюс такой был и решён с выходом следующей версии compression плагина. Прочая инфа не гуглится. Index собирается через HtmlWebpackPlugin. Может кто-то сталкивался?
03:51:55 ПП
User 47236452
User 132843936
Привет. есть wp 4 собираю финальный бандл при помощи compression-webpack-plugin, однако в index.html попадает js, а не gz. Вроде как ишьюс такой был и решён с выходом следующей версии compression плагина. Прочая инфа не гуглится. Index собирается через HtmlWebpackPlugin. Может кто-то сталкивался?
nginx то настроил на выдачу статично сжатых файлов?
03:52:33 ПП
User 132843936
nginx здесь непричём, т.к. проблема раньше. В сборку Index.html попадает Js а не js.gz
03:52:37 ПП
User 132843936
Но да, настроил конечно
03:53:05 ПП
User 47236452
gz файлы создаются?
03:53:12 ПП
03:53:21 ПП
User 47236452
в html они и должны быть помечены .js
03:53:29 ПП
User 132843936
просто не хочется костылить
03:53:32 ПП
User 132843936
Ну так-то нет.
03:53:48 ПП
User 132843936
по спеке должны быть помечены name.js.gz
03:53:49 ПП
03:54:00 ПП
User 47236452
нифига
03:54:24 ПП
User 132843936
https://github.com/webpack-contrib/compression-webpack-plugin#asset
github.com/webpack-contrib/compression-webpack-plugin
Prepare compressed versions of assets to serve them with Content-Encoding - webpack-contrib/compression-webpack-plugin
03:55:07 ПП
User 47236452
gzip там в хедерах, файл подменяется nginx-ом, если по дате создания моложе js файла
03:55:20 ПП
User 47236452
если ты посмотришь на любой сайт везде так
03:55:33 ПП
User 47236452
а gz в линк никто не пихает
03:55:38 ПП
User 47236452
ибо зачем?
03:55:42 ПП
User 132843936
хз, не очевидно как-то. Лан покурю ещё
03:57:10 ПП
User 47236452
как по мне очевидно)
03:58:17 ПП
User 132843936
лан покурю спеку, спасибо энивэй
03:59:46 ПП
User 47236452
просто если ты укажешь .gz, то у тебя не будет fallback-a и вообще смысла хранить js файлы
04:00:22 ПП
User 132843936
так я и хочу резать чистый жс, чтобы только ужатые лежали
04:00:58 ПП
User 47236452
зачем?
04:01:14 ПП
User 132843936
ну а зачем он?
04:01:26 ПП
04:01:28 ПП
User 132843936
проект не про старые ослики
04:10:44 ПП
User 132843936
согласен если ngx_http_gzip_static_module включён то можно и не резать
04:17:15 ПП
User 47236452
там хром пытался ввести bzip2, если вдруг появится снова, будешь парсить на выдачу разных htmlек?
04:17:15 ПП
User 47236452
поэтому лучше через nginx
04:20:03 ПП
User 132843936
если они введут, то не выпилят gz по определению. ну и без статик оно каждый раз пережимает
04:28:40 ПП
User 47236452
User 132843936
если они введут, то не выпилят gz по определению. ну и без статик оно каждый раз пережимает
но bzip то в многих юзкейсах лучше)
04:29:25 ПП
User 132843936
и? Мы говорим про совместимость. То что его поддержку впилят это хорошо конечно, но никто gzip не станет выпиливать просто потому, что он дофига где
04:31:54 ПП
User 47236452
User 47236452
там хром пытался ввести bzip2, если вдруг появится снова, будешь парсить на выдачу разных htmlек?
ну я и говорю, на выдачу разных, а не перекомпиливать на bzip сборку)
04:32:44 ПП
User 132843936
не мой кейс в любом случае
04:33:30 ПП
User 47236452
я просто о том, что лучше делать как все и не придумывать себе лишних проблем)
04:40:31 ПП
User 172556084
Нжинкс отдает gz готовый или может сам жать без вебпака)
04:40:47 ПП
User 172556084
Никто не задает gz в пути
04:43:54 ПП
User 47236452
User 172556084
Никто не задает gz в пути
то о чем я и говорил
04:44:55 ПП
User 172556084
Я плюсую по сути
04:45:35 ПП
User 47236452
лучше бы на это ответил)
04:45:35 ПП
User 47236452
Какой filesize limit стоит у uglify?
04:45:35 ПП
User 47236452
Я плюсую по сути
04:45:57 ПП
User 172556084
Да и вообще свтроенные компрессор очень отработан и конфигурируется, зачем готовить заранее с nginx? Есть другие сервера без таких возможностей, там может пригодиться
04:48:44 ПП
User 172556084
User 47236452
Какой filesize limit стоит у uglify?
Вообще какой размер может? Или именно в плагине вебпака?
04:48:55 ПП
User 47236452
User 172556084
Вообще какой размер может? Или именно в плагине вебпака?
в плагине
04:49:00 ПП
User 47236452
а то не могу там это в сорцах найти
04:49:10 ПП
User 172556084
Вроде размер обрабатываемый завист от размера стэка в nodejs
04:49:22 ПП
User 172556084
Не встречал такого(
04:49:25 ПП
User 47236452
проблема следующая: файлик минифаится определенно
04:49:59 ПП
User 47236452
но нод модули почему-то остаются такого же размера практически
04:50:20 ПП
User 47236452
там вон ol-debug (да в прод идет дебаг версия, потому что она пропатчена)
04:50:23 ПП
User 172556084
Исключения?
04:50:29 ПП
User 47236452
3.5 метра как был, так стал лишь чуть меньше
04:50:56 ПП
User 172556084
Странно
04:51:03 ПП
User 172556084
Это не много, должен жать
04:51:17 ПП
User 47236452
Это я просто разгребаю дерьмо в legacy проекта
04:51:37 ПП
User 47236452
там был ангуляр и куча всего другого, что подключается в некоторых модулях сайта
04:51:44 ПП
User 47236452
и этот бандл включается везде где только можно
04:52:08 ПП
User 47236452
а его итоговый размер 6 метров (vendor 5, app 1)
04:52:18 ПП
User 47236452
где 3.5 в vendor занимает ol-debug
04:52:51 ПП
User 172556084
У меня только одна версия - исключения в uglify, изза одно может по цепочке дальше пойти и не жаться
04:53:16 ПП
User 172556084
Достать его в dll, vendor отдельно
04:53:29 ПП
User 47236452
ни одного exclude нету
04:53:53 ПП
User 47236452
User 172556084
Достать его в dll, vendor отдельно
кхе, кхе, тут такое дело. в dll есть ol 3.19, а это 3.0
04:54:01 ПП
User 47236452
там lock на 3.0, ибо он патчится)
04:55:56 ПП
User 172556084
Я с ol не работал, а недоджно быть в проде просто ol? А не ol-debug?
04:56:42 ПП
User 47236452
User 47236452
там вон ol-debug (да в прод идет дебаг версия, потому что она пропатчена)
во
04:57:01 ПП
User 172556084
Понял)
04:57:19 ПП
User 172556084
Ох эти патчеры
05:08:09 ПП
User 412142535
Народ , а какие плагины мастхэв на вебпак 3?чему стоит внимания при изучение?
05:23:14 ПП
User 47236452
User 412142535
Народ , а какие плагины мастхэв на вебпак 3?чему стоит внимания при изучение?
Зачем 3, когда есть 4?
05:23:55 ПП
User 412142535
User 47236452
Зачем 3, когда есть 4?
Потому что я изучаю по докам 3 вебпак
05:24:04 ПП
User 47236452
Я вон как пришел на новое место 16 конфигов с 1 на 4 вебпак переписал. Это заняло чуть больше 2 часов.

С 3 на 4 еще легче мигрировать.
05:24:11 ПП
User 47236452
Да там практически нихуя в конфиге не поменялось
05:24:29 ПП
User 47236452
выбрасываешь commonChunks и глядишь какую тебе няшку в виде optimization подвезли
05:26:15 ПП
User 412142535
Выше уважаемые люди писали, что большинство плагинов не переписано под это и вообще вебпак 3 актуальный ещё
05:26:28 ПП
User 412142535
Да и дай бог с 3 хотя бы разобраться)
05:27:26 ПП
User 172556084
Учиться лучше на стабильном конечно, вдруг баг, сразу не понять - плагин виновен или свои ошибки
05:27:45 ПП
User 172556084
Я первый изучал, хотя был второй было проще
05:35:31 ПП
User 47236452
User 412142535
Выше уважаемые люди писали, что большинство плагинов не переписано под это и вообще вебпак 3 актуальный ещё
Тут конфа полумертвая, так что уже не актуально.

И там, неожиданно, основные изменения это deprecate для плагинов, но не их полная несовместимость.

Если вкратце, то все что взлетает на 3, скорее всего взлетит на 4, а что не совместимо, то уже переписали.
05:35:44 ПП
User 47236452
User 172556084
Учиться лучше на стабильном конечно, вдруг баг, сразу не понять - плагин виновен или свои ошибки
С каких пор 4 не стабильный?
05:35:49 ПП
User 47236452
Там уже 4.2.0 релизнулся
05:38:34 ПП
User 412142535
User 47236452
С каких пор 4 не стабильный?
Сова писал об этом)
05:38:40 ПП
User 412142535
Что пока 3 юзать лучше
05:39:52 ПП
User 412142535
User 47236452
Тут конфа полумертвая, так что уже не актуально.

И там, неожиданно, основные изменения это deprecate для плагинов, но не их полная несовместимость.

Если вкратце, то все что взлетает на 3, скорее всего взлетит на 4, а что не совместимо, то уже переписали.
А что там такого в 4 вебпак? Быстрей сборка?
05:40:36 ПП
User 139059931
User 412142535
А что там такого в 4 вебпак? Быстрей сборка?
скорость сборки + код сплитинг
05:41:12 ПП
User 412142535
User 139059931
скорость сборки + код сплитинг
Что за сплитинг?
05:42:19 ПП
User 139059931
Из жизненно важных не обвился только extract-text-webpack-plugin :( последняя версия хоть и "поодерживает" 4й вебпак жутко забагована
05:43:27 ПП
User 412142535
Значит пока лучше 3 юзать?
05:43:52 ПП
User 47236452
User 412142535
А что там такого в 4 вебпак? Быстрей сборка?
1. Сборка с 3 минут 53 секунд упала до 28 секунд
2. Конфиг-модули (ака const, config, etc.) теперь умеют вставляться куда нужно без webpack-require, что уменьшает и вес сборки
3. Улучшили кодсплиттинг
4. Улучшили моды (-d -p заменили на -mode и добавили возможность конфигурить minimizer в prod моде)
05:44:15 ПП
User 47236452
User 412142535
Значит пока лучше 3 юзать?
Если тебе нужен extract-text, то да
05:44:27 ПП
User 47236452
1 это мой конкретный пример
05:45:01 ПП
User 139068333
а кому он не нужен...
05:45:53 ПП
User 47236452
User 139068333
а кому он не нужен...
тем кто использует styled или любой другой модуль, коих тысячи?
тем у кого нету ssr?
05:46:06 ПП
User 47236452
вариантов тысячи
05:46:41 ПП
User 139059931
вот вот, я стал css компилить бабелем... просто жутко бомбило когда жалкая тысяча модулей пересобирается пол минуты
05:46:47 ПП
User 47236452
я вот лично налетел только на одинг баг, что babel-minify не поддерживает devtool source-map, но поддерживает cheap-source-map
05:47:01 ПП
User 139068333
отсутствие ssr серьёзная причина оставаться на 3. это не просто минорная фича
05:47:34 ПП
User 47236452
User 139068333
отсутствие ssr серьёзная причина оставаться на 3. это не просто минорная фича
какое отсутствие ssr? где об этом было сказано?
05:47:40 ПП
User 47236452
ssr к вебпаку не имеет отношения
05:48:42 ПП
User 139068333
extract-text не нужен тем у кого нету ssr
-> если есть ssr то нужен extract-text 
-> если extract-text нет то нет ssr
05:49:00 ПП
User 47236452
юзкейс с ssr крайне уникален, когда ты не используешь styled или что-то подобное и хочешь профит в виде того, что css дважды не отправится, то да, велком
05:49:22 ПП
User 47236452
если используешь styled у тебя он в любом случае отправляется дважды)
05:49:25 ПП
User 139068333
не styled а просто scoped. не так уж и редко
05:50:55 ПП
User 47236452
хз, в 2018 это редкость
05:51:16 ПП
User 47236452
я просто сейчас поддерживаю проект написанный в 2013, но у нас и ssr-а то нету)
05:52:17 ПП
User 139059931
я этим конечно не горжусь, просто как-то привык, но в 2к18 у меня все проекты на старом добром css :.|
05:53:20 ПП
User 139068333
но scoped это довольно удобно, без него пришлось бы юзать БЭМ
05:55:10 ПП
User 139059931
не, БЭМ это совсем архаичность, как и bb и knockout.
Боже, как же раньше было херово...
05:55:35 ПП
User 139068333
так а как без бэм и без scoped ?
05:55:53 ПП
05:57:27 ПП
User 139068333
> все проекты на старом добром css
> более дикий сахар чем styled

хотя должно быть годнейшая штука, спасибо
06:01:03 ПП
User 139068333
мга главную проблему они не решили 
  '@media (min-width: 1024px)': 
хнык
06:02:12 ПП
User 139059931
я не говорил что это стоит использовать, ты просил альтернативу...
06:14:28 ПП
User 47236452
User 139068333
так а как без бэм и без scoped ?
SMACSS
06:17:45 ПП
User 22258774
User 139068333
но scoped это довольно удобно, без него пришлось бы юзать БЭМ
можно линк на скоупд? А то я отстаю походу от времени
06:18:24 ПП
User 139059931
User 22258774
можно линк на скоупд? А то я отстаю походу от времени
https://github.com/css-modules/css-modules
github.com/css-modules/css-modules
Documentation about css-modules. Contribute to css-modules/css-modules development by creating an account on GitHub.
06:20:03 ПП
User 139068333
не уверен что это где то описано. я имел ввиду этот механизм
https://vue-loader.vuejs.org/en/features/scoped-css.html
06:51:14 ПП
User 172556084
User 47236452
С каких пор 4 не стабильный?
Доки все соответствуют 4-й версии?
06:52:06 ПП
User 172556084
В целом считаю юзабельным от х.1 версии
06:52:42 ПП
User 172556084
Но пробовать ветку можно заранее
07:05:50 ПП
User 412142535
ребзя,publicPath указывает куда шрифты,картинки и т.д. будет складываться, я правильно понял?
07:08:25 ПП
User 412142535
или это есть и есть относительный путь который ложится в __dirname?Я запутался прост
07:10:33 ПП
User 47236452
User 412142535
ребзя,publicPath указывает куда шрифты,картинки и т.д. будет складываться, я правильно понял?
да, но он для dev server онли
07:13:40 ПП
User 412142535
User 47236452
да, но он для dev server онли
онли?То есть для продакшина он не нужен?
07:14:27 ПП
User 47236452
там есть другой path, он за сохранение отвечает
07:14:47 ПП
User 47236452
User 412142535
онли?То есть для продакшина он не нужен?
не нужен, но не убирается ибо похуй)
07:14:48 ПП
User 412142535
как понимаю,пути к шрифтам,картинкам которые мы указываем в css/html ,вот для этих publicPath нужен?
07:15:05 ПП
07:15:09 ПП
User 412142535
я хз выразиться :D
07:15:54 ПП
User 412142535
а как он его использует?
07:20:26 ПП
User 47236452
для хот релоадинга
07:26:31 ПП
User 412142535
User 47236452
для хот релоадинга
окей,а что в него вписавать?Папку исходников?Чет догнать не могу
07:27:45 ПП
User 47236452
то же что и в output path
07:28:27 ПП
User 412142535
User 47236452
то же что и в output path
Благодарю