Получение Parcel Bundler Code Splitting при работе с React + TypeScript + MobX + ReactRouter - PullRequest
0 голосов
/ 02 апреля 2019

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

Я собирался собрать образец для примера и некоторое время просить о помощи, но так и не нашел.

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

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

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

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

1 Ответ

1 голос
/ 03 апреля 2019

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

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

...