Angular бюджет стиля компонента

Question

Почему плохо помещать много css в css отдельного компонента в Angular? Когда я превышаю бюджет, определенный в package. json (который составляет 2 МБ) по умолчанию, я получаю предупреждение.

У меня следующий сценарий. Я делаю веб-приложение casnio, которое состоит из пользовательской панели управления и колеса рулетки. Колесо рулетки имеет css, совершенно отличное от приборной панели, поэтому я подумал о том, чтобы разделить его на отдельные компоненты. Но я пытаюсь понять, почему размещение большого количества css в отдельном компоненте не рекомендуется, поскольку это, по-видимому, замедляет работу приложения, при этом те же самые css помещаются в основные стили. css не так сильно тормозит

Answer 1

Это потому, что css, который определен в вашем компоненте- css, включен в исходный код javascript, а стили. css вместо этого является независимым файлом.

Подходящее решение для вашего Проблема: создайте css -файл для своих стилей рулетки и импортируйте его в свои стили. css