CSS架构？

CSS架构？

在一个大型项目中，由于页面过多，导致CSS代码难以维护和开发，所以CSS架构可以帮助我们解决文件管理与文件划分等问题。

首先要对CSS进行模块化处理，一个模块负责一类操作行为。可利用sass或less来实现。

模块划分：然后在主scss里@import入其他文件下的scss达到整合在一起的目的

文件夹	含义
base	一些初始的通用CSS，如重置默认样式，动画，工具，打印等。
components	用于构建页面的所有组件，如按钮，表单，表格，弹窗等。
layout	用于布局页面的不同部分，如页眉，页脚，弹性布局，网格布局等
pages	放置页面之间不同的样式，如首页特殊样式，列表也特殊样式等
themes	应用不同的主题样式时，如管理员，买家，卖家等
abstract	放置一些如：变量，函数，响应式等辅助开发的部分
vendors	放置一些第三方独立的CSS文件，如bootstrap，iconfont等