为了使用Visual Studio Code获得样式组件代码的正确代码完成,着色和着色,我们一直使用css
函数作为模板包装器。
这里是一个例子。注意蓝色的css
功能。
import styled, { css } from 'styled-components/native';
。
没有css
功能,所有的CSS代码都是纯绿色文本,没有任何编辑器提示。
这会对性能产生影响吗?我们是否最好摆脱代码编辑器的便利并使用简单的模板文字呢?
styled-components
中的样式定义在构建时被解析并作为纯CSS提取到index.html文件头部的标签中。
因此,您的html文件可能会变大,但是要想获得明显的性能提升,您需要大量的样式。那时,您可能只考虑重构。
我的两分钱,如果它对您有用,并且您选择的工具没有引入威胁应用程序生命力的新错误和/或性能问题,请坚持使用直到发现需要对其进行更改。