Как добавить поддержку для Css модулей и Sass в приложение Create React, отображаемое на сервере SSR

Question

Я использую this Repo для работы с React SSR с использованием Create React APP, но при запуске кода Стили никогда не применяются к коду при запуске той же страницы через клиента npm Запустите его без каких-либо проблем со всеми встроенными стилями, но при запуске через сервер, кажется, что применяемые стили не применяются.

Нужно ли удалять конфигурацию Webpack / есть ли способ, которым я пытался использовать isomorphi c - загрузчик стиля, но это не сработало. Любые шаги будут полезны

Использование этого репо, поскольку оно очень основательно c.

Answer 1

Если вы загляните в файл bootstrap. js, вы увидите необходимый вызов "ignore-styles". Из-за этого каждый импорт стиля будет игнорироваться. В противном случае вам понадобится плагин babel, такой как «babel-plugin-transform-assets», или лучшая конфигурация веб-пакета для серверного кода для обработки ресурсов. SSR не является тривиальным, и поэтому существуют фреймворки типа https://nextjs.org/, которые обрабатывают все это. Попробуйте, это очень легко настроить.