最佳实践CSS - SASS

Question

我期待着从大众的智慧中获得关于实现CSS的最佳实践的意见。

我们的网站最初是使用CSS的SASS编译器构建的。随着时间的推移，添加了更多的功能，每个功能都具有特定的样式，CSS文件和部分文件变得越来越大。加载整个站点的所有CSS似乎是对资源和时间的浪费，特别是在任何给定页面都没有使用很大百分比的情况下。然而，我仍然被告知，这比页面中的内联样式或CSS样式块更有效。

我目前正在考虑剥离一切，但核心CSS的SASS CSS文件，然后创建一系列特定的CSS文件，加载所需的。

其他人是如何处理这个问题的？对于CSS文件变大时的“最佳实践”有没有共识？

谢谢

D

Answer 1

您可以仅为站点的特定部分编写SASS，并仅为特定页面加载样式。例如，当您在产品页面上时，您不必为产品列表加载样式。在此期间，您可以拥有全局样式表，如菜单、页脚。

内联或分块加载样式可防止样式缓存，并使用户每次打开网站时都会下载样式。

Answer 2

这是一个完美的机会来整理你的风格，重新开始。我建议您为所有页面中使用的样式创建layout.scss，并为特定的组件样式创建component_X.scss。