CSS-In-JS в React или объединение стилей внутри JavaScript

Question

В приложении React мы обычно импортируем файлы CSS в компоненты JavaScript. Я думал, что таким образом мы внедряем CSS в окончательную сборку JavaScript.

Однако, похоже, что React (по крайней мере create-react-app) все еще генерирует отдельные файлы CSS.

Почему это так? Есть ли способ заставить CSS-стили стать частью финала r ? Вид CSS-In-JS?

Answer 1

Вы должны удалить файл create-реагировать-app и изменить конфигурационный файл веб-пакета (style-loader аналогичный вопрос ), чтобы не создавать отдельный файл для пакета CSS, или использовать html-inline-css-webpack-plugin .