Всем привет! Если 2 приложения на реакте собрать webpackom в один файл, то сама библиотека реакта будет в этом bundle в одном экземпляре?

https://www.npmjs.com/package/webpack-bundle-analyzer

это можно выяснить 😉

Делал!) по-моему был один. А если, например, у меня в одном приложении реакта есть компонент(файлик с кодом). Я возьму его копирну в другой компонент. Затем соберу вебпаком. Этот код, по сути одинаковый, в bundle будет представлен 2 раза или 1?

ну смотреть нужно, можно сделать нарезку на чанки. чтобы общие компоненты он выносил в отдельный файл

А если не делать чанки? Вебпак умеет идентифицировать и оптимизировать таким образом одинаковый код?

Или, например, есть 2 приложения на реакте с разными версиями. Что-то в этих библиотеках изменено, но в целом куча одинакового кода. Вебпак при сборке приложений соберёт реакт библиотеки тупо по схеме 1+1. Или поймёт, что «вот этот и этот код одинаковый, значит мы его дублировать не будем. А вот здесь вот разница и здесь, ее мы включим из этого файла и из другого»?

https://github.com/webpack/webpack/tree/master/examples

вот тут посмотрите примеры названия которых начинаются на code-split

и это
https://webpack.js.org/plugins/split-chunks-plugin/

В js упаковать , разве нельзя?

так или иначе нужно пробовать. погонять прод/дев сборки. проанализировать. у нас была общая папка common для 2х проектов. я делал с npm7.workspaces ... но кажется можно иначе 😉 в итоге убрал дубликаты. но версии вендор либ привел к общему знаменателю.

Спасибо!

нет

Если вы импортировали один файл 10 раз он будет представлен в коде один раз.
Если вы использовали 10 либ и где-то среди их зависимостей встречаются повторы - вебпак так же не будет копировать либу 10 раз (при соблюдении некоторых условий). Если вы накопипастили код - вебпак не будет его как-то оптимизировать. Оптимизируется дерево зависимостей а не сам код

Понятно! То есть, если import и код при это одинаковый, то код в bundle будет 1 раз. Если код в потоке повторяется, то в bundle будет столько же раз повторяться, сколько в исходном коде.

в пределах вашего сорс кода -да.
Касательно внешних зависимостей все немного сложнее но суть примерно та же.

Уникальный сайт про сборщики с очень подробным описанием основных неочевидных моментов хешенга, код сплитинга и так далее
https://bundlers.tooling.report/

Всем привет.
Произошла какая-то странная ситуация.
В проекте в одной из папок не применяются изменения в любом файле этой папки. Т е, чтобы я там не сделал, при запуске проекта остаётся все без изменений. Хотя гит эти изменения видит и я уже с ними даже коммит сделал.
Причём непонятно, откуда берется код, который я в итоге вижу в интерфейсе (этого кода нет, сто процентов)
Все остальные файлы работают правильно.
В чем может быть проблема?

вы что-то упускаете из вида 😉

меняете файлы не в том проекте?)

Всем привет! Подскажите, если я использую несколько входных файлов и подключаю к обоим файл, с экспортом общий функций (например api.js), не будет ли ошибок ?  В каждом бандле изолированно же все ?

Да нет! Я прям параллельно два файла открыл. В одном Окей, сразу вижу изменения, а в другом ничего не происходит