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

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

974 members

Архив канала @webpack_ru 25 ноября 2017 г.

05:09:28 ДП
User 267787006
User 32530886
Ты уверен что постцсс может парсить сцсс?
Нет, не уверен
09:18:32 ДП
User 112715267
https://twitter.com/left_pad/status/934105677181702145
twitter.com/left_pad/status/934105677181702145
To make OSS more "fun" we can add lootboxes: pay and Babel will sometimes compile for you, pay a lot and the chances are much higher for a successful compile (pay to compile)
09:18:41 ДП
02:11:41 ПП
User 420467372
привет, есть кто?
02:12:36 ПП
02:14:15 ПП
User 420467372
User 60331718
не
а кто где?
02:14:39 ПП
User 420467372
хотел спросить, есть на гальп что нибудь вроде file-loader
02:47:08 ПП
User 212795634
User 420467372
хотел спросить, есть на гальп что нибудь вроде file-loader
Гальп это не сборщик
02:47:23 ПП
User 420467372
User 212795634
Гальп это не сборщик
где то я уже это слышал
02:47:43 ПП
User 212795634
User 420467372
где то я уже это слышал
Ты можеш настроить таск на копирование из одной папки в другую, но пути подхватить он не сможет
02:47:57 ПП
User 420467372
Каким образом я с помощью него проект собираю. Давай так, если я собираю с его помощью проект, его вполне можно назвать сборщиком а не таск ранером
02:48:35 ПП
User 420467372
User 212795634
Ты можеш настроить таск на копирование из одной папки в другую, но пути подхватить он не сможет
значит надо юзать вебпак?
02:49:21 ПП
02:50:02 ПП
User 420467372
Если помните, я тут недавно заходил к вам.. Хотел вебпак юзать на лендингах. И представьте себе, хотел взять заказ и заказчик попался шарищий. В задании написал сделать на гальпе, но я у него спросил, можно ли юзать вебпак, на что он ответил, что нахер он типа нужен на лендинге?
02:50:47 ПП
User 420467372
Слать в жопу таких или исправляться и делать сборки с помощью сборщика гальп и забывать всякие вебпуки
02:50:50 ПП
User 212795634
Ну он тупой значит, не думает о масштабировании
02:50:59 ПП
User 420467372
Прям взбесил мудак
02:51:09 ПП
02:51:23 ПП
User 420467372
Какое дело ему, на чем я буду собирать чертов проект
02:51:56 ПП
User 212795634
Просто не скидывай сорцы пока не получишь оплату
02:52:14 ПП
User 76662447
Вообще вполне нормальный вопрос
02:52:27 ПП
User 76662447
Естественный я бы даже сказал
02:52:28 ПП
User 420467372
User 212795634
Просто не скидывай сорцы пока не получишь оплату
а при чем здесь это? Если он вообще не захотел вебпака
02:53:01 ПП
User 76662447
Цимес в том что если бы ты чётко представлял зачем он тебе, то тебя бы скорее всего выслушали сказали "ок" и отправили писать)
02:53:12 ПП
User 420467372
Так то я соурс никогда и не кидаю без оплаты
02:53:25 ПП
User 420467372
В большинстве случаев его вообще никто не просит 😃
02:53:29 ПП
User 212795634
Ну так и делал бы на вебпаке
02:53:41 ПП
User 420467372
User 212795634
Ну так и делал бы на вебпаке
ну в требованиях просто гальп был
02:53:52 ПП
User 212795634
Ну оберни вебпак в гальп)
02:54:03 ПП
User 420467372
User 212795634
Ну оберни вебпак в гальп)
хитро
02:54:12 ПП
User 147771380
User 76662447
Цимес в том что если бы ты чётко представлял зачем он тебе, то тебя бы скорее всего выслушали сказали "ок" и отправили писать)
+++
02:54:27 ПП
User 420467372
а можно было бы вообще сделать yarn run gulp а запускать вебпак )))
02:54:49 ПП
User 420467372
Это вообще гениально
02:55:10 ПП
User 420467372
Точно точно, он гений, как можно было такое придумать
02:56:19 ПП
User 420467372
С одной стороны гальп быстрее все делает, но с другой хочется все подрубать без проблем (
02:57:00 ПП
User 420467372
А есть какой нибудь способ ускорить релоад на вебпаке?
02:57:16 ПП
User 420467372
Сборка то быстро работает, но релоад где то секунды полторы
02:57:41 ПП
User 76662447
Блин, это быстро(
02:58:03 ПП
User 420467372
User 76662447
Блин, это быстро(
ну неприятно все равно, на гальпе все моментально прост
02:58:21 ПП
User 76662447
Это скорее от размера проекта зависит
02:58:44 ПП
User 134905826
User 420467372
А есть какой нибудь способ ускорить релоад на вебпаке?
ssd и тюнинг плагинов, почти в каждем плагинет есть чото тяжелое и рулится флагом
02:58:53 ПП
User 420467372
User 76662447
Это скорее от размера проекта зависит
нет, чистый проект перезагружается дольше. Конечно, если проект просто огромен, то гальп будет проигрывать, но речь идет о лендосах
02:59:44 ПП
User 420467372
User 134905826
ssd и тюнинг плагинов, почти в каждем плагинет есть чото тяжелое и рулится флагом
ssd есть. Про тяжелое... Что может быть тяжелого в sass компиле?
03:00:00 ПП
User 420467372
говорю же релоад долгий
03:00:15 ПП
User 420467372
с hmr все ок, но он мне не подходит
03:00:23 ПП
User 134905826
User 420467372
ssd есть. Про тяжелое... Что может быть тяжелого в sass компиле?
imagemin, copyplugin например
03:00:42 ПП
User 420467372
User 134905826
imagemin, copyplugin например
эм.. Во первых это какбы гальп вроде не?
03:00:49 ПП
03:00:52 ПП
User 420467372
Во вторых.. Долгий релоад еще раз говорю
03:01:00 ПП
User 420467372
Собирается всеееее быстррооооо
03:01:05 ПП
User 420467372
Андерстенд?
03:01:35 ПП
User 420467372
именно dev-server во первых обновляет полностью страницу, во вторых делает это с задержкой
03:01:51 ПП
User 420467372
С browser sync все немного быстрее
03:02:53 ПП
User 420467372
хотя.. Только сейчас понял, что browsersync сейчас также перезагружает страницу, хм
03:04:20 ПП
User 420467372
User 212795634
Ну он тупой значит, не думает о масштабировании
слушай, а вот какие у гальпа могут быть преимущества перед вебпаков, если говорить именно о сборке
03:04:38 ПП
User 420467372
Кажется никаких же?
03:04:56 ПП
User 212795634
User 420467372
А есть какой нибудь способ ускорить релоад на вебпаке?
Dll plugin
03:04:56 ПП
User 212795634
И комп нормальный
03:05:21 ПП
User 212795634
User 420467372
слушай, а вот какие у гальпа могут быть преимущества перед вебпаков, если говорить именно о сборке
По крайней мере я их не вижу
03:05:28 ПП
User 420467372
User 212795634
И комп нормальный
медленный.. Релоад.. медленный медленный. Релоад. Не сборка. А релоад
03:05:48 ПП
User 420467372
Сборка 100мс релоад гораздо дольше ок?
03:05:48 ПП
User 212795634
Какой комп?
03:05:55 ПП
User 420467372
User 212795634
Какой комп?
отличный
03:05:59 ПП
User 212795634
У меня моментально все
03:06:09 ПП
User 212795634
Hot reload подруби еще
03:06:13 ПП
User 420467372
User 212795634
У меня моментально все
скинь конфиг плиз
03:06:14 ПП
User 134905826
User 420467372
медленный.. Релоад.. медленный медленный. Релоад. Не сборка. А релоад
aggregateTimeout и poll крутил?
03:06:26 ПП
User 420467372
User 212795634
Hot reload подруби еще
ну это с hmr моментально?
03:06:37 ПП
User 420467372
User 134905826
aggregateTimeout и poll крутил?
а что poll Такое?
03:06:45 ПП
User 134905826
User 420467372
а что poll Такое?
https://webpack.js.org/configuration/watch/
03:06:46 ПП
User 420467372
агрегейт 0 поставил
03:07:26 ПП
User 420467372
User 134905826
https://webpack.js.org/configuration/watch/
не путай меня, сборка моментальная
03:07:53 ПП
User 212795634
User 420467372
скинь конфиг плиз
Щас не могу сори
03:08:21 ПП
User 420467372
с hmr я уже говорил все отлично, но проблема в том, что я на маленьких проектах точно нехочу с ним заморачиваться во первых, во вторых он только мешает мне в разработке
03:09:26 ПП
User 420467372
и он не возвращает состояние к исходному, вот в чем проблема. + при апдейте html не срабатывает
03:09:52 ПП
User 420467372
Единственный плюс, что да, он меняет именно изменения, а не перезагружает страницу
03:10:07 ПП
User 420467372
Чувствую надо browsersync адаптировать
03:10:18 ПП
User 212795634
А, у тебя html плагин?
03:10:23 ПП
User 420467372
User 212795634
А, у тебя html плагин?
да
03:10:27 ПП
User 212795634
Ну тогда понятно
03:10:34 ПП
User 212795634
Сам в начале недоумевал
03:10:45 ПП
User 212795634
Потом пересел на реакт и забыл про это
03:10:48 ПП
User 420467372
на гальпе у меня все четко работает как раз потому, что browsersync не перезагружает страницу, а заменяет конкретный файл
03:11:21 ПП
User 420467372
User 212795634
Потом пересел на реакт и забыл про это
ну лендинги на вебпаке мне кажется отличной идеей, но на реакте будет все же перебор думаю =)
03:11:56 ПП
User 420467372
User 212795634
Потом пересел на реакт и забыл про это
ну реакт то полностью js ) Разумеется там все моментально будет вместе с hmr
03:12:50 ПП
User 212795634
Все там будем
03:13:05 ПП
User 420467372
User 212795634
Все там будем
в реакте?
03:13:44 ПП
03:14:03 ПП
User 420467372
хм, кстати надо бы фреймворк под небольшие сайты разработать
03:14:34 ПП
User 420467372
Реакт все же избыточен, но вот vue кажется ближе намного к небольшим проектам
03:14:44 ПП
User 420467372
В реакте гораздо больше заморочек
03:15:31 ПП
User 420467372
Смотри, вот у гальпа нет плюсов перед вебпаков, а какие у вебпака плюсы перед гальпом на небольшом проекте =)
03:16:17 ПП
User 420467372
пока что мне нравится только то, что можно без проблем подключать различный модули через npm, не парясь с путями и не копируя шрифты с картинками
03:17:12 ПП
User 420467372
Как сейчас вгляну на некоторые сборки гальпа, где стоит bower, который официально умер и при этом ресурсы библиотек почему то разбросаны по всему проекту, несмотря на bower
03:17:51 ПП
User 76662447
Ммм, винтажный бовер
03:18:33 ПП
User 420467372
http://joxi.ru/1A5o11eiKy0zam
joxi.net/1A5o11eiKy0zam
made using Joxi.net
03:18:56 ПП
User 420467372
Винтажный, это точно
03:21:24 ПП
User 52321317
User 420467372
Смотри, вот у гальпа нет плюсов перед вебпаков, а какие у вебпака плюсы перед гальпом на небольшом проекте =)
Да нельзя их сравнивать, пойми ты. Это абсолютно разные инструменты.
03:21:44 ПП
User 420467372
User 52321317
Да нельзя их сравнивать, пойми ты. Это абсолютно разные инструменты.
Их можно использовать для одной и той же задачи
03:21:50 ПП
03:22:08 ПП
User 420467372
User 52321317
Нет
я могу собрать фронтенд с помощью вебпака?
03:22:41 ПП
User 52321317
User 420467372
я могу собрать фронтенд с помощью вебпака?
Смотря какой. Файлы склеить - да. Больше - нет
03:22:54 ПП
User 420467372
User 52321317
Нет
Можно сравнивать грузовик с велосипедом? Если тебе надо просто добраться до другого города, то думаю вполне
03:23:18 ПП
User 52321317
Это не одно и то же
03:23:26 ПП
User 420467372
User 52321317
Смотря какой. Файлы склеить - да. Больше - нет
а что ты понимаешь еще под сборкой фронтенда? По ftp залить на сервер чтоли?
03:23:55 ПП
User 52321317
Анализ файлов. Обработка их не по отдельности, а как приложение.
03:24:10 ПП
User 420467372
Паровозик может ехать вперед и машина может. Так почему бы их не сравнивать если тебе нужно по прямов доехать из пункта а в пункт б?
03:24:41 ПП
User 420467372
User 52321317
Анализ файлов. Обработка их не по отдельности, а как приложение.
Это про вебпак?
03:24:59 ПП
User 52321317
Это про сборщик
03:25:02 ПП
User 45267964
машина может доехать внутри паровозика
03:25:21 ПП
User 420467372
User 52321317
Это про сборщик
А на выходе что?
03:25:33 ПП
User 52321317
User 420467372
А на выходе что?
Бандл
03:25:39 ПП
User 420467372
User 52321317
Бандл
а у гальпа?
03:25:57 ПП
User 52321317
User 420467372
а у гальпа?
Файл несвязанный
03:25:57 ПП
User 420467372
Какая разница, если мы на выходе все равно получим бандл?
03:26:00 ПП
User 52321317
Или файлы
03:26:20 ПП
User 420467372
User 52321317
Файл несвязанный
Несвязанный.. И что?
03:27:03 ПП
User 52321317
Ок, напиши скрипт на ноде, который склеивает 2 файла и назови его бандлером. Удачи.
03:27:35 ПП
User 420467372
User 52321317
Ок, напиши скрипт на ноде, который склеивает 2 файла и назови его бандлером. Удачи.
ок, бандл управляет модулями верно?
03:27:57 ПП
User 52321317
User 420467372
ок, бандл управляет модулями верно?
Не обязательно
03:28:28 ПП
User 420467372
User 52321317
Не обязательно
Просто скажи, в чем минусы  будут этого бандла на маленьком проекте?
03:30:53 ПП
User 420467372
User 52321317
Не обязательно
ты получается за гальп?
03:53:27 ПП
User 134905826
User 420467372
Просто скажи, в чем минусы  будут этого бандла на маленьком проекте?
у меня был маленький проект, на одной странице тянянется treejs на полмега, вебпак с динамик лоад выигрывает -- в отличии от галп.
03:54:50 ПП
User 420467372
User 134905826
у меня был маленький проект, на одной странице тянянется treejs на полмега, вебпак с динамик лоад выигрывает -- в отличии от галп.
А если бы не было three был бы смысл?
03:55:50 ПП
User 420467372
Скажем, у меня на проекте 1 стран ца из заголовка и формы заявки. Будет ли смысл вебпак юзать?
03:55:56 ПП
User 134905826
User 420467372
А если бы не было three был бы смысл?
это был пример -- что твоя картина большой/мелкий проект не работает. бандер это круто -- не важно какой, галп не банлер.
03:57:47 ПП
User 30260375
User 420467372
хм, кстати надо бы фреймворк под небольшие сайты разработать
есть уже
03:57:48 ПП
User 420467372
User 134905826
это был пример -- что твоя картина большой/мелкий проект не работает. бандер это круто -- не важно какой, галп не банлер.
Ну да, но чтобы бандлер работал, надо же на каждой странице компоненты подрубить?
03:57:49 ПП
03:59:47 ПП
User 420467372
User 30260375
preact
Ну дя.. html в js писать думаю вообще не катит на маленьких проектах
03:59:56 ПП
User 420467372
Это слишком сложно
04:00:09 ПП
User 30260375
User 420467372
Ну дя.. html в js писать думаю вообще не катит на маленьких проектах
хочешь пишешь, нихочешь не пишешь
04:00:33 ПП
User 420467372
User 30260375
хочешь пишешь, нихочешь не пишешь
А в реакте типа по другому можно?
04:00:45 ПП
User 30260375
User 420467372
А в реакте типа по другому можно?
конечно
04:00:51 ПП
User 212795634
User 420467372
А в реакте типа по другому можно?
createElement
04:00:59 ПП
User 30260375
просто preact совсем маленький
04:01:52 ПП
User 420467372
Я не знаю реакта, но поковырял vue. Так вот в нем ты тупо создаёшь файл и в нем все описываешь, тепмплейт, стили и сам компонент
04:02:16 ПП
User 420467372
Мне кажется это немного удобнее чем в реакте
04:02:44 ПП
User 30260375
хз, я вообще без фреймворков живу
04:02:50 ПП
User 30260375
правда jsx юзаю
04:02:53 ПП
User 30260375
удобный
04:03:02 ПП
User 420467372
User 30260375
правда jsx юзаю
Это как
04:03:19 ПП
User 420467372
Без реакта и jsx
04:03:39 ПП
User 420467372
Мне казалось он только в реакте юзается
04:03:42 ПП
04:03:57 ПП
04:04:02 ПП
User 30260375
это всё что нужно
04:04:28 ПП
User 30260375
User 420467372
Мне казалось он только в реакте юзается
в теории, да. на практике его можно юзать где угодно
04:05:57 ПП
User 420467372
User 30260375
в теории, да. на практике его можно юзать где угодно
Ну в том то и дело, что это как vue. Можно сказать, что он только с ларавелем работает
04:07:10 ПП
User 420467372
А это у тебя типо реакт самописный на 1 скрине?
04:07:30 ПП
User 30260375
ну это та самая функция из реакта
04:07:40 ПП
User 420467372
User 30260375
ну это та самая функция из реакта
А нахрена
04:08:51 ПП
User 420467372
Почему ты не юзаешь es и почему вешаешь все на документ?
04:09:53 ПП
User 30260375
чтоб можно было вот так делать
04:10:12 ПП
User 30260375
User 420467372
Почему ты не юзаешь es и почему вешаешь все на документ?
на счёт документа, тут разницы вообще нет
04:10:34 ПП
User 30260375
можно просто функцию сделать, но тогда её придётся в каждом jsx файле импортить
04:10:40 ПП
User 30260375
а так всё глобально есть
04:11:16 ПП
User 76662447
А нафиг тебе jsx тогда?)
04:12:42 ПП
User 420467372
User 76662447
А нафиг тебе jsx тогда?)
Видимо чтобы можно было делать так =<p></p>
04:13:21 ПП
User 420467372
И даже кавычек не ставить, во как круто
04:13:50 ПП
User 30260375
да, удобно. не нужно руками писать document.create('p')
04:14:10 ПП
User 420467372
Хз, если и использовать такой подход, то лучше юзать фреймворк, а не городить вело...
04:14:17 ПП
User 30260375
ну и когда более сложную структуру описываешь, вообще круто
04:14:29 ПП
User 30260375
User 420467372
Хз, если и использовать такой подход, то лучше юзать фреймворк, а не городить вело...
кастыли, это круто
04:14:33 ПП
User 420467372
Как ты будешь рендер серверный делать?
04:14:54 ПП
User 30260375
User 420467372
Как ты будешь рендер серверный делать?
а зачем? это тебе не ангуляр. он рендерится моментально
04:15:16 ПП
User 420467372
User 30260375
а зачем? это тебе не ангуляр. он рендерится моментально
Всмысле
04:15:25 ПП
User 30260375
ну то есть сейчас есть небольшая тестовая страница. и там совсем не ощушается что она полностью строится в js
04:15:51 ПП
User 420467372
Ну ты когда элементы добавляешь на страницу
04:16:25 ПП
User 420467372
User 30260375
ну то есть сейчас есть небольшая тестовая страница. и там совсем не ощушается что она полностью строится в js
А если я зайду на нее без js?
04:16:32 ПП
User 30260375
http://52.138.149.121/ вот тут можно посмотреть скорость отрисовки
04:16:49 ПП
User 30260375
User 420467372
А если я зайду на нее без js?
ну все мои проекты просто не возможны если ты без js
04:17:14 ПП
User 420467372
User 30260375
ну все мои проекты просто не возможны если ты без js
В курсе, что роботы не умеют js?
04:17:31 ПП
User 420467372
Как же сео, кааррррл
04:18:02 ПП
User 420467372
Какбы для этого серверный рендер и делается
04:18:27 ПП
User 30260375
User 420467372
В курсе, что роботы не умеют js?
1 сказки не расказывай
2 на работе мы пилим B2B приложение, его впринципе в гугле нету.
3 мой домашний проект это кошелёк для криптовалюты, там от рендеринга толку будет ровно ноль. ибо без js ничего работать всё равно не будет
04:20:19 ПП
User 30260375
тот же gmail спокойно живёт без сервисного рендеринга, и никто не парится
04:22:14 ПП
User 420467372
User 30260375
тот же gmail спокойно живёт без сервисного рендеринга, и никто не парится
Просто Гугл отсталый
04:22:33 ПП
User 420467372
Не стоит на него равняться
04:22:55 ПП
User 30260375
Смишнл
04:23:46 ПП
User 420467372
User 30260375
Смишнл
У меня gmail полминуты грузится
04:24:21 ПП
User 420467372
Посмотри также любые их сервисы, это полное дерьмо глючное
04:25:04 ПП
User 420467372
У моего друга не открывается ни google drive ни google photo на мобайле
04:25:34 ПП
User 420467372
Гугл просто самый конченый, просто бомбит от их софта никчемного
04:26:08 ПП
User 420467372
Ни юзабилити ни функционала
04:32:42 ПП
User 420467372
User 30260375
Смишнл
Слушай, а получается ты, где three на отдельной странице подключал.. получается у тебя для каждой страницы своя точка входа была и в них подключались компоненты, которые нужны на странице?
04:40:09 ПП
User 30260375
User 420467372
Слушай, а получается ты, где three на отдельной странице подключал.. получается у тебя для каждой страницы своя точка входа была и в них подключались компоненты, которые нужны на странице?
Ну почти. Есть роутинг, в зависимости от url грузится свой chunk и рендерится
04:42:03 ПП
User 420467372
User 30260375
Ну почти. Есть роутинг, в зависимости от url грузится свой chunk и рендерится
Роутер на клиенте?
04:44:48 ПП
04:45:24 ПП
User 30260375
Ну node.js отдаёт всегда одну страницу а дальше уже на клиенте роутер грузит что надо
05:25:13 ПП
User 76662447
Глянул сайт, такой конечно сложно сделать медленным)
05:54:38 ПП
User 1333299
User 420467372
Как сейчас вгляну на некоторые сборки гальпа, где стоит bower, который официально умер и при этом ресурсы библиотек почему то разбросаны по всему проекту, несмотря на bower
Бовер сдох окончательно, кстати. Там нонче половина пакетов не резолвится
05:55:37 ПП
User 212795634
User 1333299
Бовер сдох окончательно, кстати. Там нонче половина пакетов не резолвится
пурскриптеры все еще юзают
05:55:43 ПП
User 212795634
или я с ризоном путаю
05:55:48 ПП
User 1333299
Я когда взялся пофиксить кнопощку в старом прожекте, где был бовер не смог вообще ничего подтянуть. Пришлось перенастроить сборку на нпм
05:55:59 ПП
User 1333299
User 212795634
или я с ризоном путаю
Скорее всего путаешь
05:56:11 ПП
User 212795634
ну разницы нет
06:08:03 ПП
User 30260375
User 76662447
Глянул сайт, такой конечно сложно сделать медленным)
Ну посмотри на hello world на Angular
06:38:19 ПП
User 76662447
User 30260375
Ну посмотри на hello world на Angular
С козырей зашел)
06:38:45 ПП
User 76662447
User 212795634
пурскриптеры все еще юзают
Ушли на свой пакетный менеджер
06:39:03 ПП
User 76662447
npm по прежнему не отвечает их требованиям