Укажите, какие компоненты React будут добавлены в комплект

Question

У меня есть файл component_settings, который описывает список компонентов, которые должны быть включены в комплект поставки, этот файл должен быть прочитан веб-пакетом в процессе сборки, например

{
  RedButton:false,
  BlueButton:true
}

У меня есть оба этих файла, доступные как компоненты.jsx, и я не хочу, чтобы код для этих компонентов был включен в мой рабочий комплект, если они установлены в false в файле component_settings.

Я читал о дрожании дерева и сумел устранить код, если он не используется, но когда я пытаюсь сделать условный рендеринг, такой как {process.env.NODE_ENV == "development" ? <RedButton /> : null}, в производственный комплект код еще включен:/

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

Answer 1

Решил проблему, используя плагин определения веб-пакета.

Answer 2

Посмотрите на Loadable ( https://github.com/jamiebuilds/react-loadable). Он должен отлично работать для того, чтобы разделить код, который вы ищете, и это также включено в большинство шаблонов.