Мы пытаемся выяснить, каков правильный подход к совместному использованию модулей в Angular с Webpack.
У нас есть компоненты, которые повторно используются в различных частях нашего приложения. Они используются не во всех представлениях приложения, а в большинстве.
Мы создали sharedModule, который импортирует и экспортирует компоненты. Затем этот sharedModule импортируется в необходимые области приложения.
Здесь мы начинаем задаваться вопросом. Если модуль A импортирует sharedModule, но ему нужны только 2 из 5 общих компонентов, что произойдет с 3 импортированными компонентами, которые не нужны?
Мы понимаем, что Webpack должен выполнять встряхивание дерева и удаление мертвого кода, но хотим ли мы полагаться на Webpack для этого, или мы не используем sharedModule и импортируем компоненты только там, где они нам нужны?