Вызывает ли использование функции `css` внутри стилизованного компонента снижение производительности?

Question

Чтобы получить правильное завершение кода, раскрашивание и раскрашивание кода стилевых компонентов с использованием кода Visual Studio, мы использовали функцию css в качестве оболочки шаблона.

Вот пример. Обратите внимание на синие функции css.

import styled, { css } from 'styled-components/native';.

Без функции css все css код - это просто зеленый текст без всяких редакторов.

Влияет ли это на производительность? Нам лучше прекратить удобство редактора кода и использовать простые литералы шаблонов?

Answer 1

Определения стилей из styled-components анализируются и извлекаются как простые CSS во время сборки в теги в заголовке вашего индекса. html файл.

В результате ваш html файл может увеличиться, но для заметного снижения производительности вам понадобится огромное количество стилей. В этот момент вы можете просто подумать о рефакторинге.

Мои два цента, если он работает для вас и выбранного вами инструмента, не представляет новых ошибок и / или проблем с производительностью, которые угрожают жизнеспособности вашего приложения, просто придерживайтесь это, пока вы не увидите необходимость изменить его.