Перекомпоновать и разделить код

Question

Перекомпоновать и разделить код

Только что начали интегрировать перекомпоновку в большое веб-приложение и задались вопросом, есть ли способы оптимизировать размеры пакетов (в IE реализовано разбиение кода) с помощью перекомпоновки (веб-пакет в фоновом режиме)?

Мой текущий вариант использования с "Восстановить" прост - "isAuthorised?" HOC, который гарантирует, что пользователь вошел в систему. Большинство моих маршрутов проходят через этот единственный HOC.

Я хочу иметь возможность разбивать код на основе маршрутов, но не знаю, как это сделать, когда каждый маршрут улучшается с помощью isAuthorised HOC.

Использование "Реакция", "Редукс", "Реакция-роутер", "Перекомпоновка", Webpack 2

0

reactjs redux react-router recompose

Источник

user7472652 28 мар '17 в 17:58

1 ответ

Другие вопросы по тегам reactjs redux react-router recompose

user44041 19 дек '17 в 22:37 2017-12-19 22:37 · Answer 1 · 2017-12-19 22:37

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

Неважно, используете ли вы свой HOC для украшения маршрутов при их объявлении или импортируете их в фактический модуль и украшаете компоненты маршрута до их экспорта.