最佳做法CSS - SASS

我正在期待人群的智慧以获得实施CSS的最佳实践的观点。最佳做法CSS - SASS

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

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

他人如何解决这个问题。 CSS文件变大时，对“最佳实践”是否有共识？

感谢

来源

2016-08-16 Dave

这个问题要么过于宽泛，要么基于**意见，要么需要讨论，所以对于堆栈溢出而言是无关紧要的。如果您有特定的，可回答的编程问题，请提供完整的详细信息。 –

谢谢你，是的，我实际上正在寻找经验丰富的从业人员在主题上的意见和讨论。你能否在其他地方建议我可以提出这样的问题？ – Dave

在Stack Exchange上不可能有一个地方，但随时可以检查。不幸的是，讨论和意见问题不适合Stack Overflow。 –

你可以写SASS只为您的网站和负载的风格，只为特定页面的特定部分。例如，当您在产品页面上时，您不必为产品列表加载样式。在此期间，您可以使用菜单，页脚等全局样式表。

加载样式内嵌或块中防止样式缓存，并使您的用户每次打开网站时下载它。

来源

2016-08-16 09:19:53 Loji

感谢您的回复Loji。因此，你建议一个选项是继续使用SASS，但除了style.css之外，还创建了一系列单独编译的CSS文件，这些文件是根据需要加载的？ SASS编译的CSS看起来比非编译的效率更高吗？如果在编译的特定CSS文件中使用编译后的SASS style.css文件有任何问题？再次感谢 – Dave

是的，如果您的网站的一部分更大，则只在需要时单独加载其CSS。编译为CSS的SASS只有在缩小时才更有效率。正常CSS和SASS编译CSS之间没有区别。不，使用SASS和CSS时没有问题。无论如何，SASS被编译成普通的CSS，唯一不同的是开发的容易程度。 – Loji

最佳做法CSS - SASS

回答

相关问题