Получение разделения кода пакета посылок, работающего с React TypeScript MobX ReactRouter

#reactjs #typescript #mobx #parceljs

#reactjs #typescript #mobx #parceljs

Вопрос:

Некоторое время я безуспешно пытался заставить пакет пакетов посылок разделить код проекта ReactJS, в этом проекте также использовались TypeScript, ReactRouter и MobX для управления состоянием.

Я собирался собрать шаблонный образец и попросить здесь о помощи, но до этого не дошло.

После быстрого поиска в Google ранее сегодня я наткнулся на готовый шаблон на Github, который использует те же настройки, а также не разделяет код…

https://github.com/wenpengfei/parcel-typescript-react-boilerplate

После компиляции и запуска в итоге получается один большой файл .js в папке dist, идея разделения кода заключается в создании нескольких файлов .js меньшего размера для каждой «области» веб-приложения, верно?

Возможно ли это вообще с такой комбинацией библиотек / фреймворков? Если нет, является ли мой единственный вариант вместо этого пройти по маршруту webpack (если это сработает?)?

Ответ №1:

Для разделения кода на стороне клиента просто используйте import React.lazy . Должно работать из коробки.

Для поддержки разделения кода на стороне сервера (или разделения кода на стороне клиента с рендерингом на стороне сервера) —https://github.com/theKashey/react-imported-component это единственный выбор на сегодняшний день.