#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 это единственный выбор на сегодняшний день.