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

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

974 members

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

09:15:17 ДП
User 414846440
а может ли кто-нибудь подсказать как установить WebPack определённой версии и пакеты к нему? мне нужен WebPack 3.11, но когда я устанавливаю, то там лезут ошибочки

> npm install webpack@3.11.0 —save-dev
todo-hint@1.0.0 D:\Dev\todoHint\webUI
`— UNMET PEER DEPENDENCY webpack@3.11.0
  `— UNMET PEER DEPENDENCY ajv@6.3.0
(пожалуйста)
10:02:22 ДП
User 412142535
Посаны, в доках 3 или уже 4 вебпак? С чего начинать?
10:02:35 ДП
10:02:53 ДП
User 412142535
Он ещё актуален?
10:03:13 ДП
10:03:16 ДП
User 1040677
Ну многие говорят что 4ку использовать в проде рано
10:03:37 ДП
User 412142535
Благодарю
10:03:44 ДП
User 7121855
Почему рано-то?
10:03:58 ДП
User 7121855
Там же не бета, не альфа уже.
10:04:40 ДП
User 32530886
плагины
10:09:06 ДП
User 412142535
User 32530886
плагины
Сова, ты как очень опытный спец, скажи, часто ли пригождался матан(вообще математика, как таковая) в твоей практике?
10:09:20 ДП
10:09:32 ДП
User 32530886
но были кейсы, когда лучше бы знал его
10:09:53 ДП
User 412142535
User 32530886
но были кейсы, когда лучше бы знал его
Понял, благодарю
11:09:02 ДП
User 311048520
Привет.
Имеется приложение, в него необходимо встраивать рекламные банеры, которые должны релизиться отдельно. Необходимо как-то динамически их подключать.
Была идея в основном приложении динамически импортить «рекламный» движок, а уже чтобы он динамически импортил нужные банеры. Но webpack делает мапу всех динамических импортов в основном приложении
Есть какое-нибудь решение данной проблемы? Или предложения?
11:23:44 ДП
User 212795634
User 311048520
Привет.
Имеется приложение, в него необходимо встраивать рекламные банеры, которые должны релизиться отдельно. Необходимо как-то динамически их подключать.
Была идея в основном приложении динамически импортить «рекламный» движок, а уже чтобы он динамически импортил нужные банеры. Но webpack делает мапу всех динамических импортов в основном приложении
Есть какое-нибудь решение данной проблемы? Или предложения?
подгружать в рантайме, а не во время сборки
11:35:33 ДП
User 311048520
User 212795634
подгружать в рантайме, а не во время сборки
ты имеешь ввиду, что просто сделать отдельные сборки рекламных проектов и самому их в рантайме подключать, а потом как-то и запрашивать?
как в таком случае наладить общение между проектами? какое-то апи писать и пробрасывать его?
11:36:00 ДП
User 212795634
User 311048520
ты имеешь ввиду, что просто сделать отдельные сборки рекламных проектов и самому их в рантайме подключать, а потом как-то и запрашивать?
как в таком случае наладить общение между проектами? какое-то апи писать и пробрасывать его?
хранить их на сервере и отдавать по апи
11:36:18 ДП
User 212795634
на фронте по хорошему должен быть только компонент, который будет принимать данные
11:40:05 ДП
User 311048520
я может не совсем понятно объяснил или уже голова забита и я тебя не понимаю.
Все эти рекламные проекты должны прям встраиваться в приложение в различных местах. И они могут взаимодействовать с главным приложением
Сейчас этот легаси кусок реализован на простой ваниле, каждый рекламный банер самый обычный ванильный микросайт с index.html и index.js встраивается в iframe и в него пробрасывается api для взаимодействия с приложением. Хотелось бы как-то все это более современно сделать)
11:42:17 ДП
User 145851801
User 311048520
я может не совсем понятно объяснил или уже голова забита и я тебя не понимаю.
Все эти рекламные проекты должны прям встраиваться в приложение в различных местах. И они могут взаимодействовать с главным приложением
Сейчас этот легаси кусок реализован на простой ваниле, каждый рекламный банер самый обычный ванильный микросайт с index.html и index.js встраивается в iframe и в него пробрасывается api для взаимодействия с приложением. Хотелось бы как-то все это более современно сделать)
а чем iframe не современен? Иначе тебе придется подход яндекс карт реализовывать с уникальными html тегами, но тут может быть много конфликтов
11:45:32 ДП
User 311048520
User 145851801
а чем iframe не современен? Иначе тебе придется подход яндекс карт реализовывать с уникальными html тегами, но тут может быть много конфликтов
на странице может быть до 10 баннеров. каждый из них будет лежать в iframe, это очень тяжело для железа. Железо очень старое может быть. В текущей реализации основное приложение грузится где-то 1 секунду, а потом каждый iframe грузится последовательно где-то 0.2-0.3 секунды, выглядит стремно.
11:47:13 ДП
User 311048520
Просто если учесть, что сейчас это самый простой ванильный js так работает, что же будет, когда рекламные проекты перепишут на react)
Понятное дело для рекламных проектов можно выделить в commonchunks полифилы и реакт, но думаю, что все это будет ужасно лагать
11:47:47 ДП
User 201036437
User 311048520
Просто если учесть, что сейчас это самый простой ванильный js так работает, что же будет, когда рекламные проекты перепишут на react)
Понятное дело для рекламных проектов можно выделить в commonchunks полифилы и реакт, но думаю, что все это будет ужасно лагать
Недостаточно входных данных
11:47:48 ДП
User 145851801
User 311048520
на странице может быть до 10 баннеров. каждый из них будет лежать в iframe, это очень тяжело для железа. Железо очень старое может быть. В текущей реализации основное приложение грузится где-то 1 секунду, а потом каждый iframe грузится последовательно где-то 0.2-0.3 секунды, выглядит стремно.
во первых, почему iframe это тяжело?
пока баннеры грузятся, основное приложение уже интерактивно, поставь прелоадеры красивые на баннеры, что бы стремно не было
11:48:03 ДП
User 201036437
Они на него обязательно перепишут? Это платформа для распространения реакт-баннеров?
11:48:17 ДП
User 201036437
Или половина на реакте, половина на ванилле?
11:48:29 ДП
User 201036437
И зачем писать баннеры на реакте?
11:49:41 ДП
User 201036437
Кто будет заниматься баннерами, какой способ распространения? Есть ли модерация? Заливается ли всё сначала к вам? Какие масштабы?
11:49:44 ДП
User 311048520
User 145851801
во первых, почему iframe это тяжело?
пока баннеры грузятся, основное приложение уже интерактивно, поставь прелоадеры красивые на баннеры, что бы стремно не было
ну в конечном итоге, если ничего не придумаю, придется делать так. просто идея была с динамическими импортами и встраивать рекламные проекты прям через порталы в дом
11:49:46 ДП
User 201036437
Тяжело что-то сказать без этого
11:49:53 ДП
User 311048520
User 201036437
Они на него обязательно перепишут? Это платформа для распространения реакт-баннеров?
да, точно будут переписывать
11:50:34 ДП
User 311048520
User 201036437
И зачем писать баннеры на реакте?
это не просто банеры. по клику на них может открываться целый «микросайт». со своими страница, роутингом и т.д.
11:50:47 ДП
User 311048520
но мы должны оставаться в рамках главного приложения
11:51:14 ДП
User 201036437
Звучит как айфрейм :)
11:51:23 ДП
User 311048520
User 201036437
Кто будет заниматься баннерами, какой способ распространения? Есть ли модерация? Заливается ли всё сначала к вам? Какие масштабы?
да, модерацию они будут проходить через нас
11:51:34 ДП
User 145851801
User 311048520
это не просто банеры. по клику на них может открываться целый «микросайт». со своими страница, роутингом и т.д.
значит iframe тут полностью подходит
11:51:39 ДП
User 201036437
А собирать проекты баннеров тоже вы будете? Или только бандлы получать?
11:52:10 ДП
User 311048520
User 201036437
А собирать проекты баннеров тоже вы будете? Или только бандлы получать?
временно мы, потом может какую-нибудь вебморду для этого напишем и примитивный конструктов баннеров
11:55:17 ДП
User 311048520
допустим я согласен на айфрейм. как в таком случае поступать с общими библиотеками. в commonchunks из запилить? как тогда гарантировать, что при обновлении библиотек не сломается какой-нибудь старый рекламный проект
11:56:37 ДП
User 311048520
а держать прям полностью изолированно все - очень тяжелыми выходят бандлы
12:00:23 ПП
User 311048520
User 145851801
а чем iframe не современен? Иначе тебе придется подход яндекс карт реализовывать с уникальными html тегами, но тут может быть много конфликтов
они придумали свою разметку и реплейсят ее уже у себя в нужные компоненты с указанными свойставами?
12:02:21 ПП
User 145851801
User 311048520
они придумали свою разметку и реплейсят ее уже у себя в нужные компоненты с указанными свойставами?
01:16:44 ПП
User 414846440
господа куда кладутся файлы из html-webpack-plugin? запрашиваю /index.html, но выдаётся необработанный файл
01:24:08 ПП
User 311048520
User 414846440
господа куда кладутся файлы из html-webpack-plugin? запрашиваю /index.html, но выдаётся необработанный файл
туда же, куда у тебя и бандл собирается
01:43:21 ПП
User 134905826
User 414846440
господа куда кладутся файлы из html-webpack-plugin? запрашиваю /index.html, но выдаётся необработанный файл
лоадер для *.html какой ?
01:48:35 ПП
User 414846440
User 134905826
лоадер для *.html какой ?
который html-loader
01:49:06 ПП
User 414846440
что-то я не понимаю, а два html-файла как иметь? 🤔🤔🤔 
у меня только один теперь файл, который в template= указал
01:51:40 ПП
User 414846440
User 414846440
что-то я не понимаю, а два html-файла как иметь? 🤔🤔🤔 
у меня только один теперь файл, который в template= указал
а, ну можно включить один файл в другой с помощью 
${require} аааа я туп
01:52:36 ПП
User 134905826
User 414846440
а, ну можно включить один файл в другой с помощью 
${require} аааа я туп
разрабы плагина рекомендуют glob *.html + multiple instance htmlwebpacklugin
02:14:54 ПП
User 414846440
ааа сложно
05:21:20 ПП
User 412142535
Народ,сейчас читаю доки вебпака,и как понимаю,точкой входа всегда является один файл,в который импортируем остальные участки кода,потом собираем это в один файл,да?
05:22:19 ПП
User 6810063
User 412142535
Народ,сейчас читаю доки вебпака,и как понимаю,точкой входа всегда является один файл,в который импортируем остальные участки кода,потом собираем это в один файл,да?
Точек входа может быть несколько, но да.
05:23:06 ПП
User 412142535
User 6810063
Точек входа может быть несколько, но да.
понял,спасибо,то запутанная это штука,вебпак
05:23:23 ПП
User 6810063
Все получится, удачи
05:23:36 ПП
User 412142535
благодарю )
05:34:35 ПП
User 188151488
Какой devtool в продакшене выставлять??
05:40:19 ПП
User 118949851
User 188151488
Какой devtool в продакшене выставлять??
По хорошему на продакшене не должен использоваться
05:40:24 ПП
User 212795634
User 188151488
Какой devtool в продакшене выставлять??
False
05:41:23 ПП
User 188151488
А почему пишет DevTools failed to parse SourceMap:
05:41:29 ПП
User 188151488
В консоли
05:43:56 ПП
User 118949851
User 188151488
В консоли
А до этого какой нибудь стоял?
05:44:05 ПП
05:48:24 ПП
User 118949851
User 188151488
Нет
Тогда я не смогу помочь, к сожалению
11:35:57 ПП
User 135278254
никто не пишет, наверно все настроили свои конфиги))
11:54:12 ПП
11:54:21 ПП
User 90721916
я могу написать и пожаловаться на ненастроенный конфиг )
11:55:58 ПП
User 135278254
у тебя огненный никнейм
11:56:36 ПП
User 90721916
а ваще, че бы и не написать: в конфиге, entry point "sui: './src/ui/sui/index.ts', делаю импорт динамический  import(ui/${path}) и вебпак пытается забрать из "./sui/component"
11:56:57 ПП
User 90721916
вопрос: нафига он это делает
11:57:44 ПП
User 212795634
Ну так
11:57:48 ПП
User 90721916
причем, в тестовой аппликухе все норм, там только пути отличаются гг
11:57:51 ПП
User 212795634
Ты нормальный путь укажи
11:58:08 ПП
User 90721916
под нормальным путем мы понимаем что?
11:58:09 ПП
User 212795634
Он относительно энтри ищет
11:58:33 ПП
User 212795634
../huy/zalupa/ui/{path} или как там у тебя
11:58:41 ПП
User 212795634
Если алиасы не настроены
11:59:21 ПП
User 212795634
User 212795634
Он относительно энтри ищет
Точнее относительно того модуля
11:59:31 ПП
User 212795634
Или вообще хз как
11:59:42 ПП
User 212795634
Крч залей весь конфиг
11:59:44 ПП
User 90721916
User 212795634
Или вообще хз как
вот
11:59:58 ПП
User 90721916
я споткнулся, когда он решил искать прям в этом компоненте