Size: a a a

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

2020 January 22

JS

John Smith in Webpack — русскоговорящее сообщество
Baxxter
Соболезную что пришлось работать на стеке 1с, который ужасен с точки зрения dx и современных стандартов разработки
это да, но все меняется, да и в 2005м работали вполне себе с системой контроля версий, с тестированием и тп
источник

A

Aleksandr in Webpack — русскоговорящее сообщество
Manicotti
Ну знаешь ли, с таким аргументом и проституция не выглядит таким уж плохим карьерным вариантом
Вай ноу, если душа лежит хД
источник

JS

John Smith in Webpack — русскоговорящее сообщество
1С просто ограничена в плане развития языка, и в плане применения, где применение еще очень сильно ограничено тем, что нужно с собой саму среду таскать
источник

A

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

JS

John Smith in Webpack — русскоговорящее сообщество
ну и малочисленное сообщество, не настолько развитое в плане профессионального кругозора, отсюда вечная проблема, связанная с тем, что пишешь очередной велосипед
источник

JS

John Smith in Webpack — русскоговорящее сообщество
ок, перестал
источник

DB

Dima Bekeshenko in Webpack — русскоговорящее сообщество
Орб Экксель
Мы переходим от jquery к vue js.  Раньше мы могли сразу на севере править js файлы и быстро вносить правки, а теперь для внесения правок нам надо пересобирать проект, и опять заливать его на сервер. Это очень геморойно. Ни какого ci/cd у нас нет, и гит мы тоже только начинаем вводить. И продакшн среда у нас очень сильно отличается от разработческой, т.к. к нашим серверам люди попадают через iframe с другого сайта.

По этому я думал что можно было бы файлы для разработки держать на сервере и запуская на локальной машине вебпак, он бы запускал сервер для разработки, основываясь на файлах с удаленного сервера.
Может вам стоит приостановить раз=работку новых  фич,  и  занятся  переходом на  bitbucket | githab | gitlab. Как по мен это вам ускорит рефакторинг. Разделить обязаности по модулям и  потом только выкачивать  изменения  своего сотрудника для  проверки работы проекта . Также у вас появится хорошая штукак как pull request на этапе которого вы сможете отсеять плохой код . Но перед этип вам надо настроить сам webpack который  повысит  ваш Performance Development.   bitbucket | githab  если проплатить вы получите закрытый  репозиторий, думаю  в gitlab  тоже так можно. Уверен после рефакторинга  проект будет работать быстрее и + при правильной настройке webpack на prod  еще  добавится  Web performance
источник

DB

Dima Bekeshenko in Webpack — русскоговорящее сообщество
работу с сервером можно свести к минимуму  используя ansible . Сделал  commit  | push и сервер  сам поднимается .  commit  | push это как настроишь
источник

Д

Данил in Webpack — русскоговорящее сообщество
гайз, надо кусками переделать scss в цсс
использую связку sass-loader - css-loader - MiniCssExtractPlugin.loader

Основной кусок с реактом и встроенным в него scss - работает ок

но если я хочу обработать отдельный сцсс файл

использую энтри
entry: {
   app: './app.js'
   styles: './sass/file.scss',


если использовать sass-loader - css-loader - MiniCssExtractPlugin.loader. - падает с
Module build failed (from /Users/app/node_modules/mini-css-extract-plugin/dist/loader.js):
TypeError: url.replace is not a function

если вместо MiniCssExtractPlugin.loader использую style-loader - все ок. но на выходе жсник - что не ок

Кто-то стыкался с таким?
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Данил
гайз, надо кусками переделать scss в цсс
использую связку sass-loader - css-loader - MiniCssExtractPlugin.loader

Основной кусок с реактом и встроенным в него scss - работает ок

но если я хочу обработать отдельный сцсс файл

использую энтри
entry: {
   app: './app.js'
   styles: './sass/file.scss',


если использовать sass-loader - css-loader - MiniCssExtractPlugin.loader. - падает с
Module build failed (from /Users/app/node_modules/mini-css-extract-plugin/dist/loader.js):
TypeError: url.replace is not a function

если вместо MiniCssExtractPlugin.loader использую style-loader - все ок. но на выходе жсник - что не ок

Кто-то стыкался с таким?
в вебпаке беда с неподключенными sass, я всегда либо галпом их собирал, либо через cli postcss.
источник

AK

Anton K in Webpack — русскоговорящее сообщество
[SOLVED] Всем привет, начал изучать Webpack, буквально сегодня, и пока не решил следующую задачу при обработке .js (прошу прошения, за много букв):

Есть папка ./src/js/, в ней соответственно файлы типа any_name.js, но еще есть файлы начинающиеся на _ (например, _other_name.js)

Файлы начинающиесь на _ не нужно объединять с основными файлами, а просто перенести их (а в иделае еще иметь возможность обработать отдельно), как есть в ./dist/js сохраняя именна и т.д.

Сейчас собираю отдельно vendor`ы от своих скриптов из ./src/js/ (2 точки входа) и без файлов _ (исключил через регулярку в точке входа), и даже разбиваю вендоры на чанки в зависимости от node_modules,
но как правильно "переместить" все файлы _other_name.js в dist пока не совсем понимаю. (использовать gulp не хотелось бы, особенно для работы с js)

Буду благодарен, если кто-то более опытный подскажет - хотя бы в какую сторону нужно двигаться.

Нужно создать какую-то "умную" точку входа? а как тогда правильно исключить ненужные rules?
источник

AK

Anton K in Webpack — русскоговорящее сообщество
наверное, их еще можно переместить  в отдельную папку и тогда легко исключить из rules через exclude, но остается вопрос, как объяснить webpack не объединять их в один файл?
источник
2020 January 23

AK

Anton K in Webpack — русскоговорящее сообщество
разобрался, вроде пришло понимание как это все работает.
1) Оставил одну точку входа, а rules разделил через регулярные выражения в test и через include/exclude.
2) Разделение на файлы сделал через splitChunks, как это было по аналогии с node_modules

Получилось как-то так: https://paste.ubuntu.com/p/qn8NDDcBy5/
источник

DP

Dmitry Plyaskin in Webpack — русскоговорящее сообщество
такой вопрос, на странице запускается несколько реакт приложений, где можно почитать, как можно сделать, что бы в каждый бандл не тянуть общие либы (react, react-dom и т.д.)?
источник

B

Baxxter in Webpack — русскоговорящее сообщество
Dmitry Plyaskin
такой вопрос, на странице запускается несколько реакт приложений, где можно почитать, как можно сделать, что бы в каждый бандл не тянуть общие либы (react, react-dom и т.д.)?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Anton K
разобрался, вроде пришло понимание как это все работает.
1) Оставил одну точку входа, а rules разделил через регулярные выражения в test и через include/exclude.
2) Разделение на файлы сделал через splitChunks, как это было по аналогии с node_modules

Получилось как-то так: https://paste.ubuntu.com/p/qn8NDDcBy5/
👍
источник

R

Rafael in Webpack — русскоговорящее сообщество
Anton K
разобрался, вроде пришло понимание как это все работает.
1) Оставил одну точку входа, а rules разделил через регулярные выражения в test и через include/exclude.
2) Разделение на файлы сделал через splitChunks, как это было по аналогии с node_modules

Получилось как-то так: https://paste.ubuntu.com/p/qn8NDDcBy5/
Разве include/exlude это не взаимоисключающие понятия?
источник

R

Rafael in Webpack — русскоговорящее сообщество
Типо использовать нужно либо то, либо то
источник

AK

Anton K in Webpack — русскоговорящее сообщество
Rafael
Типо использовать нужно либо то, либо то
я не знаю, явно в документации такого не нашел, а как это реализовано - хз. И webpack ни каких предупреждений не выдал. А вот как он обработает, например, exclude: 'src/js', include: 'src/js/foo' в одном правиле - уже интересно.
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Rafael
Разве include/exlude это не взаимоисключающие понятия?
Не, это просто множества
источник