почему в реагирующей версии 16.8.6 css, которая требуется в компоненте, влияет на другие компоненты, также все css появляются в заголовке вместо chunk.css

Question

я создал два файла css в своем реактивном приложении login.css и main.css, затем требует login.css в login.jsx, а main.css требуется для других файлов, но css, записанный в login.css, влияет на другие компоненты.Также с небольшим акцентом я нахожу все CSS-файлы, загруженные в заголовок, как правило, для всех компонентов

Answer 1

CSS импортируется внутри компонента, он не ограничен собственной областью. Если у вашего CSS есть общее правило, это повлияет на всю страницу.

Импорт CSS внутри компонента - это здорово, потому что выавтоматически удалит его, если вы удалите компонент, и, если ваш компонент загружен асинхронно с чанком, он может быть импортирован позже.Это зависит от настроек веб-пакета.