Разделение кода в react по отношению к работнику службы

#reactjs #service-worker

Вопрос:

У меня есть приложение react, работающее на example.com/web, в котором есть меню, такие как регистрация, вход в систему и различные другие страницы, в основном статические, которые описывают, что представляет собой это приложение. Теперь, как только кто-то войдет в систему, у меня есть example.com/app который открывает приложение, панель мониторинга, формы и еще много других вещей, связанных с приложением.

Я установил разные макеты для example.com/web и exapmle.com/app. и когда люди посещают example.com они автоматически перенаправляются на example.com/web

Я реализовал ленивую загрузку для /web и /app.

Проблема в том, когда кто-то посещает example.com сотрудник службы загружает все файлы, которые могут не потребоваться людям, посещающим страницу только для того, чтобы узнать о приложении.

Теперь я ищу что-то, где serviceworker загружает только веб-компоненты, а при необходимости-компоненты приложений. Может быть, что-то вроде разбиения всего этого приложения react на два разных приложения. Я не могу удалить сотрудника службы. Я также не понимаю, что лучше всего можно сделать, чтобы уменьшить количество сетевых вызовов. Пожалуйста, дайте мне знать, что лучше всего можно сделать. Я проверяю несколько примеров на поддомене и думаю, что это снова одно приложение react, и serviceworker загрузит все файлы.

И если я разбью его на два разных приложения, как я передам аутентифицированные реквизиты со страницы входа, которая находится в /web, в /приложение.

Какая-нибудь помощь?