什么是一流的 CSS 组织标准？ [关闭]

Question

我一直在寻求向最优秀的人学习并确保编码质量。

当涉及到我的响应式设计中的 CSS 样式时，我的自定义 CSS 样式表可能会让人有点不知所措。不断按 ⌘ + F (Control + F) 来定位我的课程。

我可以将类的各个部分拆分为多个样式表（例如：media.css、typography.css 等...），但我相信调用多个样式表可能会危及性能。

保持 CSS 井井有条和易于管理的最佳做法是什么？

Answer 1

请记住，生产的文件结构不一定需要与开发的文件结构相同。

在开发过程中按逻辑拆分文件，并根据生产需要将它们组合在一起。文件的组织方式完全取决于您的项目。当然，这意味着您有某种部署管道可以在其中连接文件。这对于小型网站并不总是可行的。在运行时在服务器上动态地 glob 文件有一些 hacky 方法，但这会增加总请求时间的延迟。

这样做的一个重要优势是常见样式的可重用性。您可以拥有包含在多个样式表中的样式库。当您需要更改核心库时，您需要在一处而不是多个地方进行更改。