中大型 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

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

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

阅读 4.4k
2 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题