Size: a a a

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

2020 March 27

AB

Alexander Berezin in Webpack — русскоговорящее сообщество
Baxxter
Js руками что-ли вставляется в пхп-проект?
билдится вебпаком и кладётся в папку виджета. Но я не могу его билдить после каждой слепой правки, поэтому возникла вся проблема
источник

B

Baxxter in Webpack — русскоговорящее сообщество
Alexander Berezin
билдится вебпаком и кладётся в папку виджета. Но я не могу его билдить после каждой слепой правки, поэтому возникла вся проблема
Основное приложение откуда узнает хэш нового билда js из "папки виджета"?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
я так понимаю он без хеша билдит
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
дев же
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
и видимо еще каким-то эмит плагином чтобы на диск дев файлы генерились
источник

AB

Alexander Berezin in Webpack — русскоговорящее сообщество
Alex CherryTea
обьясняю на джаваскриптовском - вебпак билдит дев версию скрипта в папку откуда пхп берет скрипты для инжекта отдаваемой странички. Потом человек идет в пхп сервер мимо вдс http сервера, получает страничку с дев скриптом в котором добавлена логика открытия сокет соединения с вепбпаком (для хрм)
Не знаю, у меня дев-версия вообще никуда не билдится. Мне кажется, она в памяти этого экспресса висит просто. Я тоже думал, что она билдится в папку, но сегодня офигел немного, когда на практике оказалось, что это не так. Возможно это vue-cli так делает, который едет сверху на вебпаке, я не в теме.
А вообще это наоборот хорошо, что он своими дев-версиями не перетирает рабочий скомпиленный вариант, который уже на сайте и в репе находится.
источник

AB

Alexander Berezin in Webpack — русскоговорящее сообщество
Baxxter
Основное приложение откуда узнает хэш нового билда js из "папки виджета"?
хеш не нужен, оно автоматически проверяет чексум и копирует в папку assets
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Вебпак в памяти держит да
источник

AB

Alexander Berezin in Webpack — русскоговорящее сообщество
Alex CherryTea
и видимо еще каким-то эмит плагином чтобы на диск дев файлы генерились
ну так вот, не генерятся они ))
источник

AB

Alexander Berezin in Webpack — русскоговорящее сообщество
да и не нужны они )
источник

B

Baxxter in Webpack — русскоговорящее сообщество
Alexander Berezin
хеш не нужен, оно автоматически проверяет чексум и копирует в папку assets
"оно" это что? Как скрипт с вашего локалхоста попадает на прод по вашему? Вы что то явно не то делаете с вебпаком судя по вашим ответам. Вам нужно по классике поднять локально пхп-проект, собирать js и ассеты в него вебпаком и возможно интерполировать плагинами  пути к этим ассетам в ваш пхп код. Иначе вы просто рискуете с тем что ваш "дев" на костылях не будет соответствовать проду
источник

AB

Alexander Berezin in Webpack — русскоговорящее сообщество
Baxxter
"оно" это что? Как скрипт с вашего локалхоста попадает на прод по вашему? Вы что то явно не то делаете с вебпаком судя по вашим ответам. Вам нужно по классике поднять локально пхп-проект, собирать js и ассеты в него вебпаком и возможно интерполировать плагинами  пути к этим ассетам в ваш пхп код. Иначе вы просто рискуете с тем что ваш "дев" на костылях не будет соответствовать проду
оно - основное приложение, контекст был о нём )
На прод попадает - пишу npm run build и у меня всё аккуратно складывается в папочку с php виджетом в основном приложении.
Всё отлично, но вся большая проблема и весь вопрос в том, чтобы заставить основное приложение кушать дев-скрипты, пока они у меня запущены на 8080
источник

B

Baxxter in Webpack — русскоговорящее сообщество
Alexander Berezin
оно - основное приложение, контекст был о нём )
На прод попадает - пишу npm run build и у меня всё аккуратно складывается в папочку с php виджетом в основном приложении.
Всё отлично, но вся большая проблема и весь вопрос в том, чтобы заставить основное приложение кушать дев-скрипты, пока они у меня запущены на 8080
На 8080 у вас запущен express, который просто раздаёт статику, собранную вебпаком. Он точно так же может проксировать остальные запросы на основное приложение. Хэши можно регуляркой отловить и отдавать вместо скрипта с прода локальный
источник

AB

Alexander Berezin in Webpack — русскоговорящее сообщество
Baxxter
На 8080 у вас запущен express, который просто раздаёт статику, собранную вебпаком. Он точно так же может проксировать остальные запросы на основное приложение. Хэши можно регуляркой отловить и отдавать вместо скрипта с прода локальный
Ок, спасибо, попробую
источник

AB

Alexander Berezin in Webpack — русскоговорящее сообщество
Baxxter
На 8080 у вас запущен express, который просто раздаёт статику, собранную вебпаком. Он точно так же может проксировать остальные запросы на основное приложение. Хэши можно регуляркой отловить и отдавать вместо скрипта с прода локальный
Выглядит круто, но не выходит подцепить html плагин на все-все страницы, их там миллион. В интернете нет нигде примера, всё перекопал.
Кажется, не вариант
источник

AB

Alexander Berezin in Webpack — русскоговорящее сообщество
Baxxter
На 8080 у вас запущен express, который просто раздаёт статику, собранную вебпаком. Он точно так же может проксировать остальные запросы на основное приложение. Хэши можно регуляркой отловить и отдавать вместо скрипта с прода локальный
А точно есть способ повесить HtmlWebpackPlugin на проксированные html или я зря трачу время? 🤔
источник

P

PH_cheerokee in Webpack — русскоговорящее сообщество
Error: A PostCSS Plugin was passed as a function using require(), but it must be provided as a string.

это с чем может быть проблема?)
источник

p

perehodit in Webpack — русскоговорящее сообщество
Ни у кого нет survicejs webpack в pdf?
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
PH_cheerokee
Error: A PostCSS Plugin was passed as a function using require(), but it must be provided as a string.

это с чем может быть проблема?)
наверное с тем, что PostCSS Plugin передан как фунция, которую зарекваерили, а требуется строка

это какая-то надстройка?
источник

P

PH_cheerokee in Webpack — русскоговорящее сообщество
Roman Usherenko
наверное с тем, что PostCSS Plugin передан как фунция, которую зарекваерили, а требуется строка

это какая-то надстройка?
старый конфиг в новый проект перенес
и тут ругается
источник