在样式化的组件内使用`css`函数会导致性能下降吗?

问题描述 投票:2回答:1

为了使用Visual Studio Code获得样式组件代码的正确代码完成,着色和着色,我们一直使用css函数作为模板包装器。

这里是一个例子。注意蓝色的css功能。

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

enter image description here

没有css功能,所有的CSS代码都是纯绿色文本,没有任何编辑器提示。

这会对性能产生影响吗?我们是否最好摆脱代码编辑器的便利并使用简单的模板文字呢?

css styled-components
1个回答
3
投票

styled-components中的样式定义在构建时被解析并作为纯CSS提取到index.html文件头部的标签中。

因此,您的html文件可能会变大,但是要想获得明显的性能提升,您需要大量的样式。那时,您可能只考虑重构。

我的两分钱,如果它对您有用,并且您选择的工具没有引入威胁应用程序生命力的新错误和/或性能问题,请坚持使用直到发现需要对其进行更改。

© www.soinside.com 2019 - 2024. All rights reserved.