Я использую style-loader с css-loader в приложении React.Каждый раз, когда я изменяю / обновляю свой код, независимо от того, является ли он JS или SCSS, мои client.js и client.css перестраиваются.
Каждый раз, когда это происходит, конфигурация / плагины веб-пакетов делают очень полезную функцию.Любой класс, который не используется в React, не добавляется в окончательный файл .css.Отлично, верно!
Но мне нужно добавить все классы. Даже те, которые не используются.Я перехожу из React в Twig и копирую вставленный сгенерированный HTML-код из приложения React в Twig и изменяю компоненты React, чтобы весь статический HTML-код в ветке оставлял в React только небольшие интерактивные фрагменты.
К вашему сведению Это было бизнес-решение, так как ReactJS был отрисован на сервере для лучшей оптимизации SEO, но в нашем случае это не имеет смысла.
Если вы знаете лучший способ перенести приложение ReactJS в Twigпожалуйста, дай мне знать!Я думаю, что самой большой проблемой будет оптимизация соглашений об именах классов из React в Twig.На данный момент я копирую полностью сгенерированное имя, например <div class="src-components-common-Page-___Page__page">.