В интерфейсе всегда важен размер пакета, особенно если ваш проект является корпоративным и в вашем коде слишком много компонентов и страниц. размер пакета для большинства проектов составляет около 2 МБ (без Gzip), но в больших проектах этот размер может быть увеличен до 10 МБ, и он слишком велик! вам нужно уменьшить этот размер, потому что ваши клиенты абсолютно убегут от вашего веб-приложения. вы должны обычно ограничивать размер пакета вашего проекта.
Лучший способ уменьшить размер вашего пакета в проекте ReactJS - это Async Component! Вам просто нужно использовать async / await в compoentDidMount.
Таким образом, когда пользователь переходит на одну страницу в вашем проекте, просто загружайте js-коды на этой странице. вам просто нужно использовать этот компонент в реактивном маршрутизаторе следующим образом:
Совет: когда вы используете async / await, вы должны добавить transform-async-to-generator в свой babel.