为了使用 Visual Studio Code 对样式组件代码进行适当的代码完成、检查和着色,我们一直在使用 css
函数作为模板包装器。
这是一个例子。注意蓝色的 css
函数。
从'styled-components/native'导入样式,{css};
。
如果没有 css
函数,所有的 css 代码都只是绿色文本,没有任何编辑器智能。
这对性能有影响吗? 我们是否最好放弃代码编辑器的便利并使用简单的模板文字?
最佳答案
来自 styled-components
的样式定义在构建时作为纯 CSS 被解析并提取到 index.html 文件头部的标签中。
因此,您的 html 文件可能会变大,但要显着降低性能,您需要大量的样式。到那时,您可能只考虑重构。
我的两分钱,如果它对您有用并且您选择的工具不会引入威胁您应用程序生命力的新错误和/或性能问题,请坚持使用它,直到您发现需要更改它为止。
关于css - 在带样式的组件中使用 `css` 函数是否会导致性能下降?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60663197/