css - CSS 项目结构

Question

我对我的 CSS 项目结构有点迷茫。

我的项目很大，所以在研究之后，我决定使用ITCSS Structure，这一切都很好，直到我到达 ,,Components Layer''

我做了什么：我也将组件文件夹分解为子文件夹。

例如：我的 html 页面有一个模板，在模板中我有页眉、内容、页脚，它们有通用的 CSS 代码（默认状态）。我有一个布局相同但带有额外 CSS 的侧边栏。

这是一张类似我的树的照片

在组件文件夹中，您可以单独查看每个组件的 CSS，在部分文件夹中，您可以查看组件父元素的 CSS 和组件之间的公共 CSS。

我不知道构建它的最佳想法是什么，或者这对于大型项目是否足够好，或者它是否会减慢速度，或者或或。

请给我你的想法和帮助。

谢谢你。

Answer 1

我说如果它对您的项目有意义就足够了。你的问题没有真正的明确答案。

ITCSS 中的组件层通常由对象和组件组成。可能会有一些更通用的东西，如按钮、页眉、页脚等，但您也可以自由地将几个组件组合在一起，比如说与 SideBar 相关的组件（就像您的情况一样）。您可以将它们分组到一个子文件夹中，或者简单地将它们拆分为带有前缀的单独组件components.sidebar-something.scss。没关系。

我在最近的项目中一直在做类似的结构决策，直到现在还没有放慢速度。

只要你是一致的，我认为你很好去和规模！