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

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

974 members

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

09:37:22 ДП
User 90721916
есть у кого  конфиг, с которым работает динамический импорт типа import('ui/${vendor}/${component}')  ?
10:10:09 ДП
User 82830343
User 90721916
есть у кого  конфиг, с которым работает динамический импорт типа import('ui/${vendor}/${component}')  ?
по умолчанию работает
10:13:45 ДП
User 90721916
User 82830343
по умолчанию работает
у меня столько вариантов ответа на это, что я просто теряюсь
10:14:56 ДП
User 82830343
User 90721916
у меня столько вариантов ответа на это, что я просто теряюсь
какой вопрос такой и ответ )
10:15:07 ДП
User 268035
У меня работает
10:15:09 ДП
10:15:19 ДП
User 268035
Только ts конфиг чуть подправила под esnext
10:15:21 ДП
10:15:27 ДП
User 90721916
прошу держать меня в курсе
10:16:17 ДП
User 82830343
User 90721916
прошу держать меня в курсе
ты хочешь помощь  или погубить пришел?
10:16:58 ДП
User 182613717
User 90721916
есть у кого  конфиг, с которым работает динамический импорт типа import('ui/${vendor}/${component}')  ?
попробуй часть пути указать ./ui/....
10:16:59 ДП
User 112715267
вот это ворвался челик
10:17:29 ДП
User 90721916
User 182613717
попробуй часть пути указать ./ui/....
указал, он все равно не видит -_-
10:19:26 ДП
User 90721916
интересно, что в тестовой апе он нормально резолвит и жс генерит с правильными путями
01:37:04 ПП
User 442584648
привет всем, я новичок, кто-то может обьяснить, почему вот такой простой конфиг не работает? никаких ошибок, ничего, показывает, что все ок, но по факту изменений нет
01:37:45 ПП
User 442584648
если же вводить команду webpack ./public/js/common.js -o ./public/js/bundle.js, то все прекрасно работает
01:39:23 ПП
User 442584648
вот такой вывод после команды webpack
01:41:41 ПП
User 67164223
User 442584648
привет всем, я новичок, кто-то может обьяснить, почему вот такой простой конфиг не работает? никаких ошибок, ничего, показывает, что все ок, но по факту изменений нет
entry: {
      app: ['react-hot-loader/patch', './src/index.js'],
    },

    output: {
      path: PATH.build,
      filename: '[name].bundle.js',
    },

Вот тебе пример,  а дальше я думаю додумаешься
01:47:59 ПП
User 442584648
User 67164223
entry: {
      app: ['react-hot-loader/patch', './src/index.js'],
    },

    output: {
      path: PATH.build,
      filename: '[name].bundle.js',
    },

Вот тебе пример,  а дальше я думаю додумаешься
не додумался
01:48:41 ПП
User 67164223
User 442584648
не додумался
давай вот так 
output: {
      path: PATH.build,
      filename: '[name].bundle.js',
    },
01:49:27 ПП
User 412142535
User 67164223
entry: {
      app: ['react-hot-loader/patch', './src/index.js'],
    },

    output: {
      path: PATH.build,
      filename: '[name].bundle.js',
    },

Вот тебе пример,  а дальше я думаю додумаешься
а что значит react-got-loader/path  в массиве для entry?
01:49:39 ПП
User 67164223
User 412142535
а что значит react-got-loader/path  в массиве для entry?
чтобы hmr работал
01:49:42 ПП
User 442584648
User 67164223
давай вот так 
output: {
      path: PATH.build,
      filename: '[name].bundle.js',
    },
окей, а мой код почему не работает или же ты мне предлагаешь просто перекопировать твой рабочий вариант?
01:49:59 ПП
User 412142535
User 67164223
чтобы hmr работал
спс,не знал
01:50:23 ПП
User 67164223
кстати надо для дев убрать
01:50:34 ПП
01:50:36 ПП
User 67164223
для прода
01:50:46 ПП
User 412142535
это в 4 вебпаке?
01:50:50 ПП
01:51:01 ПП
User 67164223
могу скинуть конфиг свой
01:52:04 ПП
User 412142535
я пока 3ий осваиваю)) но скинь,гляну хоть как люди делают
01:53:38 ПП
User 67164223
там надо бы переписать пару моментов
01:53:58 ПП
User 67164223
сейчас же argv для дев и прода?
02:05:10 ПП
User 412142535
User 67164223
сейчас же argv для дев и прода?
argv?
02:05:42 ПП
User 67164223
User 412142535
argv?
это параметры которые ты передаешь в терминале
02:06:26 ПП
User 67164223
cross-env NODE_ENV=production webpack —mode production
02:06:30 ПП
User 67164223
типо вот
02:06:33 ПП
User 412142535
я как понял из доков, можно сделать два отдельных конфига и вызывать для прода и дева из терминала,
02:06:48 ПП
User 412142535
или уже не актуально это?
02:07:10 ПП
User 67164223
User 412142535
или уже не актуально это?
ну у меня типо базовый конфиг есть
02:07:29 ПП
User 67164223
общий для прода и дев
02:08:04 ПП
User 412142535
хм,и так удобно?
02:08:06 ПП
User 67164223
когда мне нужен дев, я мержу основной конфиг + модули для дева
02:08:16 ПП
User 67164223
а для продакшн другие модули
02:08:23 ПП
User 67164223
ну посмотрим у меня в конфиге, как я разделяю
03:17:37 ПП
User 188151488
Почему у некоторых на сайте код в eval пишется http://prntscr.com/ix3onc
А у меня в проде в обычном виде http://prntscr.com/ix3q2p
prnt.sc/ix3onc
Captured with Lightshot
03:18:45 ПП
User 134905826
User 188151488
Почему у некоторых на сайте код в eval пишется http://prntscr.com/ix3onc
А у меня в проде в обычном виде http://prntscr.com/ix3q2p
prnt.sc/ix3onc
Captured with Lightshot
devtool = eval-source-map
03:19:02 ПП
User 188151488
А мне говорили, что не нужен девтул)
03:19:04 ПП
User 134905826
и да, криворукие авторы сайта, если такое в проде
03:19:22 ПП
User 188151488
Так типо не надо делать?
03:19:46 ПП
User 134905826
User 188151488
Так типо не надо делать?
https://webpack.js.org/configuration/devtool/ таблицу посмотри
03:21:26 ПП
User 188151488
User 134905826
https://webpack.js.org/configuration/devtool/ таблицу посмотри
А почему так плохо?
03:24:06 ПП
User 134905826
User 188151488
А почему так плохо?
eval не для  production
03:24:27 ПП
User 188151488
User 134905826
eval не для  production
Почему? Чем это грозит?
03:41:56 ПП
User 212795634
User 188151488
Почему? Чем это грозит?
Своруют анус
04:28:47 ПП
User 419654457
1) правильно ли я понял webpack-hot-middlewere  используется когда во время разработки необходим express server  а не только Фронт ?
2) если да , то как "преобразовать" сервер к production ? не удалять же вручную плагины? или оставить просто их там ?
04:31:55 ПП
User 419654457
или два файла сервера надо иметь ?
04:32:33 ПП
User 268035
react-hot для обновления кода без перезагрузки страницы
04:32:40 ПП
User 268035
ой блэт
04:32:42 ПП
04:32:57 ПП
User 268035
Это сделано для разработки удобной и не более того
04:37:53 ПП
User 419654457
User 268035
Это сделано для разработки удобной и не более того
я понял , но он отличается от dev-server как раз тем что middlewere  можно использовать с express , тогда как dev-server  тупо работает с мордой .
Но вопрос в том что делать с ним )))
04:38:12 ПП
User 67164223
webpack-hot-middlewere 
Это вебпак, который у тебя где-то в жопе мира крутится на ноде и  собирает фронтенд
04:38:43 ПП
User 67164223
hot это как hmr
04:38:48 ПП
User 67164223
ну ты понял
04:39:09 ПП
User 67164223
This module is only concerned with the mechanisms to connect a browser client to a webpack server & receive updates. It will subscribe to changes from the server and execute those changes using webpack's HMR API. Actually making your application capable of using hot reloading to make seamless changes is out of scope, and usually handled by another library.
04:39:15 ПП
User 212795634
User 419654457
я понял , но он отличается от dev-server как раз тем что middlewere  можно использовать с express , тогда как dev-server  тупо работает с мордой .
Но вопрос в том что делать с ним )))
Дев сервер это обертка над мидлварами
04:42:40 ПП
User 419654457
User 67164223
webpack-hot-middlewere 
Это вебпак, который у тебя где-то в жопе мира крутится на ноде и  собирает фронтенд
это то понятно вроде , я его юзаю , НО в продакшене он не нужен , а из-за него есть как минимум две строки в фале сервера .
вопрос : как его убрать ? if( NODE_ENV ... ) ... ?
04:42:54 ПП
User 67164223
User 419654457
это то понятно вроде , я его юзаю , НО в продакшене он не нужен , а из-за него есть как минимум две строки в фале сервера .
вопрос : как его убрать ? if( NODE_ENV ... ) ... ?
ну можно и так сделать да
04:43:46 ПП
User 67164223
точно сказать не могу т.к не работал еще с мидлтварями
04:45:21 ПП
User 419654457
а ща нубский вопрос :  webpack на production  должен не только файл морды собрать , но и серверную часть скомпилить , верно ж ?
04:46:09 ПП
User 419654457
получается два webpack-config нужно держать ?
04:59:42 ПП
User 67164223
User 419654457
получается два webpack-config нужно держать ?
да, я сюда уже скидывал, как делать сборки бека и фронта
05:15:52 ПП
User 419654457
User 67164223
да, я сюда уже скидывал, как делать сборки бека и фронта
на поиске не нашел особо , скажи плес хотяб каки слова звучали ?)
05:16:29 ПП
User 67164223
User 419654457
на поиске не нашел особо , скажи плес хотяб каки слова звучали ?)
https://stackoverflow.com/questions/37788142/webpack-for-back-end
stackoverflow.com/questions/37788142/webpack-for-back-end
I was just wondering, I started using Webpack for a new project and so far it's working fine. I almost would say I like it better than Grunt, which I used before. But now I'm quite confused how and...
05:17:55 ПП
User 67164223
надо бы тоже запилить конфиг для бека
05:18:11 ПП
User 67164223
и добавить в свою репу в отдельную ветку
05:47:46 ПП
User 442584648
такой вопрос, я настроил webpack, все копмпилит, туда куда нужно, но каждый раз это занимает около трех секунд, это нормально или нужно еще как-то настроить "под разработку", чтобы он там, например не минифицировал файл? Чем вообще отличается сборка development и production?
05:51:49 ПП
User 67164223
В проде нет штук для разработки
05:55:05 ПП
User 442584648
например?
05:56:11 ПП
User 412142535
User 442584648
например?
dev-server
05:56:22 ПП
User 412142535
соурсмап
05:58:21 ПП
05:58:42 ПП
User 67164223
Лоадеров для сасс цсс
05:59:32 ПП
User 412142535
чет не понял)
05:59:46 ПП
05:59:57 ПП
User 412142535
А цсс поч? как он подключать будет?)
06:00:22 ПП
User 442584648
dev-server как раз таки нужен, чтобы быстрее сборка происходила?
06:00:36 ПП
User 182613717
как без сорсмапов трекать исключения с прода если не секрет?
06:00:44 ПП
User 67164223
В проде есть css extract plugin
06:00:55 ПП
User 67164223
Dev server нужен для разработки
06:01:06 ПП
User 67164223
А не сборки
06:01:31 ПП
User 67164223
User 182613717
как без сорсмапов трекать исключения с прода если не секрет?
Исключения?
06:01:48 ПП
User 182613717
исключения на клиенте
06:01:57 ПП
User 182613717
ошибки
06:02:26 ПП
User 442584648
User 67164223
Dev server нужен для разработки
я догадался, но какие преимущества он дает, я вот, предположим, включаю webpack watch, делаю изминения, перезагружаю страницу и вижу результат. Дев сервер только сам перезагружает страницу или что-то еще?
06:02:31 ПП
User 67164223
А зачем в проде это?
06:02:38 ПП
User 67164223
У тебя же есть код
06:02:41 ПП
User 412142535
User 67164223
В проде есть css extract plugin
а,во время разработчки sass компилируется в цсс,и потом при сборке extract юзаем,да?
06:03:30 ПП
User 67164223
User 412142535
а,во время разработчки sass компилируется в цсс,и потом при сборке extract юзаем,да?
Для разработки юзаешь сасс и цсс лоадеры, в проде уже это плагин и лоадеры
06:04:49 ПП
User 182613717
не понял, в смысле есть код? падает у тебя например исключение бэкенд коде, тебе шлется стектрейс на почту, падает тебе исключение на клиенте, отлавливается каким-то сентри и что дальше делать с минифицированным кодом если нету сорсмапов, или мб я чего не знаю
06:05:46 ПП
User 67164223
У тебя есть фронт без минификации
06:05:56 ПП
User 67164223
Вот там и фикси баги
06:06:40 ПП
User 67164223
Я не понимаю что ты хочешь
06:06:58 ПП
User 182613717
не понял, в клиентском коде упало исключение, как ты поймешь где именно, в каком куске кода оно упало? исключения с прода отлавливаются именно потому, что в других окружениях такие ошибки не падают
06:08:39 ПП
User 67164223
Запущу дев и попробую воспроизвести
06:08:44 ПП
User 182613717
это все равно что бекендеру сказать, у тебя же код есть вот в нём и фикси)) зачем тебе стектрейсы с прода
06:08:49 ПП
User 67164223
Ну и дебажить
06:10:23 ПП
User 67164223
Хз как тебе объяснить, но у меня нет проблем с этим
06:11:00 ПП
User 67164223
У меня есть тестировщик, который опишет как он баг получает
06:11:08 ПП
User 182613717
тут 2 кейса либо ты пишешь код в котором нету ошибок, либо ты забиваешь на то чтобы вообще отлавливать исключения на продакшне
06:11:17 ПП
User 182613717
я сейчас не про баги которые тебе оформляет тестировщик
06:11:17 ПП
User 67164223
Я запущу дев и отдебажу
06:11:32 ПП
User 182613717
где расписано какие действия надо сделать чтобы воспроизвести багу
06:12:27 ПП
User 67164223
Чот туплю, но ладно
06:15:02 ПП
User 182613717
я это к тому вообще написал, что сорсмапы могут быть нужны при билде продакшн сборки
06:15:40 ПП
User 67164223
Я против сорсмапов в проде
06:15:50 ПП
06:15:59 ПП
User 67164223
По религиозным причинам
06:16:01 ПП
User 182613717
тогда как решать проблему которую я озвучил?)
06:19:01 ПП
06:27:36 ПП
User 360299986
Всем привет. Можно ли как-то уговорить webpack использовать всю доступную свободную память, и не превышать лимит? Если устанавливаю —max_old_space_size=1408, то ловлю JavaScript heap out of memory при билде. Если ставить больше и делать билд в докер-контейнере на сервере, то крешит сам докер, ругаясь на отсутствие достаточного количества памяти, и падает серв. Или может какое-то более удачное решение вы можете предложить?
06:32:27 ПП
User 67164223
User 182613717
тогда как решать проблему которую я озвучил?)
Вот тебе ответили
06:32:52 ПП
User 182613717
User 67164223
Вот тебе ответили
ну да, генерировать сорс мапы в проде)
06:35:27 ПП
User 182613717
User 360299986
Всем привет. Можно ли как-то уговорить webpack использовать всю доступную свободную память, и не превышать лимит? Если устанавливаю —max_old_space_size=1408, то ловлю JavaScript heap out of memory при билде. Если ставить больше и делать билд в докер-контейнере на сервере, то крешит сам докер, ругаясь на отсутствие достаточного количества памяти, и падает серв. Или может какое-то более удачное решение вы можете предложить?
либо увеличивай количество памяти доступной процессу, либо обновляй вебпак/смотри в сторону выпиливания каких-либо плагинов из сборки
06:40:13 ПП
User 360299986
User 182613717
либо увеличивай количество памяти доступной процессу, либо обновляй вебпак/смотри в сторону выпиливания каких-либо плагинов из сборки
Благодарю за ответ, подойдем комплексно.
07:08:14 ПП
User 67164223
Ну когда уже гет будет
07:26:46 ПП
User 442584648
что еще дает dev-server помимо автоматической перезагрузки?
07:33:44 ПП
User 67164223
Возможность работать без стороннего бекенда
07:34:45 ПП
User 419654457
а вообще webpack=hot-middlewere используется кем-нибудь ? а то все примеры чего бы я не смотрел всегда с dev-server
07:34:48 ПП
User 442584648
а так я не могу работать без какого либо бекенда? просто запускаю index.html  и готово
07:35:49 ПП
User 67164223
User 419654457
а вообще webpack=hot-middlewere используется кем-нибудь ? а то все примеры чего бы я не смотрел всегда с dev-server
Это специфичная хуйня , у меня в голове даже кейса нет, когда нужно вебпак выносить на сторонний сервер
07:35:58 ПП
User 67164223
Ну если мейби комп говно
07:36:06 ПП
User 212795634
User 419654457
а вообще webpack=hot-middlewere используется кем-нибудь ? а то все примеры чего бы я не смотрел всегда с dev-server
да, юзаю
07:36:15 ПП
User 212795634
User 67164223
Это специфичная хуйня , у меня в голове даже кейса нет, когда нужно вебпак выносить на сторонний сервер
при чем тут сторонний?
07:36:34 ПП
User 212795634
если дев сервер это и есть мидлвара, просто в обертке
07:36:47 ПП
User 67164223
User 442584648
а так я не могу работать без какого либо бекенда? просто запускаю index.html  и готово
И чтобы изменения посмотреть, тебе надо собрать билд и запустить его
07:37:01 ПП
User 212795634
при сср например не получится с дев сервером работать
07:37:04 ПП
User 67164223
User 212795634
если дев сервер это и есть мидлвара, просто в обертке
Тогда объясни зачем все эти мидлвари
07:37:28 ПП
User 67164223
User 212795634
при сср например не получится с дев сервером работать
Там и другой подход
07:37:31 ПП
User 212795634
User 67164223
Тогда объясни зачем все эти мидлвари
*зачем дев сервер
07:37:37 ПП
User 212795634
чтобы меньше конфигурировать
07:38:05 ПП
User 442584648
User 67164223
И чтобы изменения посмотреть, тебе надо собрать билд и запустить его
да, но это же все автоматически делается ватчем. В чем тогда смысл?
07:38:16 ПП
User 419654457
блин , ну мидллеверы же позволяют использовать express , разве нет ?
07:38:25 ПП
07:38:33 ПП
User 212795634
просто более гибкое решение
07:38:41 ПП
User 147771380
User 360299986
Всем привет. Можно ли как-то уговорить webpack использовать всю доступную свободную память, и не превышать лимит? Если устанавливаю —max_old_space_size=1408, то ловлю JavaScript heap out of memory при билде. Если ставить больше и делать билд в докер-контейнере на сервере, то крешит сам докер, ругаясь на отсутствие достаточного количества памяти, и падает серв. Или может какое-то более удачное решение вы можете предложить?
А что собираешь? Ноду?
07:38:49 ПП
User 67164223
User 212795634
просто более гибкое решение
Чем?
07:39:05 ПП
User 212795634
User 67164223
Чем?
чем дев-сервер
07:39:11 ПП
User 67164223
Вот я запускаю вебпак дев сервер и всё взлетело, работает хмр все дела
07:39:15 ПП
User 67164223
Зачем мне мидлвари
07:39:17 ПП
User 147771380
User 147771380
А что собираешь? Ноду?
Если да, смотри в сторону node externals
07:39:25 ПП
User 67164223
Если я все в конфигах написал
07:39:42 ПП
User 147771380
User 67164223
Вот я запускаю вебпак дев сервер и всё взлетело, работает хмр все дела
А если тебе нужен ssr на экспрессе?
07:40:01 ПП
User 147771380
Щас сеня скажет про next))
07:40:26 ПП
07:40:40 ПП
User 67164223
Nextjs прикольный, правда там недопильные некоторые штуки
07:40:45 ПП
User 212795634
User 67164223
Зачем мне мидлвари
чтобы node api юзать, а не cli, если ты не видишь юзкейсов, то я тебе завидую
07:40:55 ПП
User 212795634
User 147771380
Щас сеня скажет про next))
да не, я на кастомной сижу
07:40:56 ПП
User 502986831
Я первый заместитель сенатора
07:40:57 ПП
User 67164223
Анимашки по роутам
07:41:13 ПП
User 67164223
User 212795634
чтобы node api юзать, а не cli, если ты не видишь юзкейсов, то я тебе завидую
А какие могут быть к примеру?
07:41:25 ПП
User 212795634
User 502986831
Я первый заместитель сенатора
моя crew прекрасна, как премьер-министр, так сказатб
07:41:43 ПП
User 212795634
User 67164223
А какие могут быть к примеру?
ну почти все сводится к бэку на ноде
07:41:48 ПП
User 502986831
Че пацаны взрываем пальмы
07:42:03 ПП
User 147771380
5 минут назад взорвал
07:42:05 ПП
User 212795634
ушли от марок...ююю..
07:42:27 ПП
User 67164223
Я взрываю бонги у
07:49:01 ПП
User 412142535
я дебажил твою верстку ровно 5 минут назад
07:49:03 ПП
07:50:15 ПП
User 67164223
Ща бы вёрстку подебажит
07:51:14 ПП
User 412142535
С кексиками
07:52:36 ПП
User 502986831
С флексиками
08:02:34 ПП
User 147771380
User 67164223
Ща бы вёрстку подебажит
Та геморно
08:07:48 ПП
User 190778098
Добрый вечер. Подскажите плз. откуда пробел берется.
08:07:57 ПП
08:12:20 ПП
User 67164223
Я чот не вижу пробела
08:15:33 ПП
User 212795634
в выхлопе консоли
08:38:33 ПП
User 419654457
а нормально что все новые bundle остаются в браузере ?
08:38:44 ПП
User 419654457
при hpt reload
08:53:11 ПП
09:13:28 ПП
User 47236452
User 189706357
Ниче сложного. сиди на 3м и радуйся. когда все лоадеры и плагины под 4й обновят можно на него пересесть будет
лол, никогда все лоадеры и плагины не обновят
09:24:17 ПП
User 189706357
User 47236452
лол, никогда все лоадеры и плагины не обновят
лол, не все а основные
09:26:47 ПП
User 47236452
С основными ситуация уже достаточно хороша
09:26:56 ПП
User 47236452
Чтобы на прод завозить
09:27:18 ПП
User 47236452
У меня была ситуация, что лоадер который работал на 1 вебпаке, заработал на 4 без обновления
09:27:23 ПП
User 47236452
так что)
10:45:00 ПП
User 122087672
User 47236452
У меня была ситуация, что лоадер который работал на 1 вебпаке, заработал на 4 без обновления
наверное не использовал никаких плюшек