Как создать заставку, когда клиент получает данные с сервера?

Question

Угловое приложение весит более 5 МБ в производстве. Первый раз, когда клиент запрашивает страницу с сервера, это занимает некоторое время, во время этого процесса пользователь видит пустую белую страницу.

Можно ли создать заставку, пока клиент не получит данные?

Answer 1

Самый чистый и аккуратный способ - ленивая загрузка ваших модулей. Вы можете легко конвертировать ваши модули для ленивой загрузки.

Это делит ваш огромный javascript на куски и не загружает их, пока они не будут запрошены.

Answer 2

У вас есть два варианта:

Вариант 1 - clean & tidy: Создайте новый загрузочный компонент и установите его в качестве корневого компонента, а также перегрузите всю загрузочную работу из корневого компонента в этот новый компонент с помощью отложенная загрузка .

Вариант 2 - быстро и грязно: Вы можете отредактировать файл index.html и поместить все, что вы хотите, между открывающим и закрывающим тегами основного компонента приложения, включая тег style для стилизации элементов, которые появится там. Этот контент исчезнет при загрузке приложения.