首页 > 中大型 web 项目的样式应该如何组织?

中大型 web 项目的样式应该如何组织?

一般小的项目我们会将样式分为以下几块

  1. base.css

  2. common.css

  3. page.css

然而当项目庞大,模块众多,我们会这样分

  1. base.css

  2. common.css

  3. mod-a.css

  4. mod-b.css

  5. mod-n.css

  6. page.css

似乎也没啥大问题,这里我遇到的一个问题,如果多个模块有复用的一部分,这部分的样式应该独立出来吗?独立出来放在哪里?

此外,也想听听大家对样式组织的想法,方案。


单独页面相对特殊,一般公共样式,配合本页的样式。功能组件样式分离开,一个功能块一个,多个功能组件样式也可以组合放一起,需要配合js使用的功能样式,最好独立出来,否则后期很乱


我这里的组织方式跟你说的差不多。只是我们用sass来编写样式,遇到重复的单独写,然后include就是了

【热门文章】
【热门文章】