Moo-CSS面向对象的CSS组件预设方案
Moo-CSS 的核心是“组件预设+面向对象”的写法，说白了就是帮你把常见的样式封装好，用的时候只要按套路命名就行，省心不少。
面向对象的 CSS 写法，说难也不难，关键是把样式按“角色”拆清楚。Moo-CSS 就是干这个的，把结构、外观、状态这些职责分开，再配上一套统一命名规则，用起来会比较顺手。
moo-css-base是它的基础库，分成了less、sass、stylus三种版本，你习惯哪个就用哪个，切换也方便，不绑手。
上手成本是有一点，是命名规范需要适应一下。但一旦习惯了，后期维护是真的省事，适合多人协作的项目，比如大点的 C 端后台或者活动页。
结构清晰，样式复用高。想做个统一风格的组件库？它能帮你把基础打牢。而且文档和demo也有现成的，直接看例子动手就行。
不过要注意，目前还在计划支持webpack和snowpack插件，2021 年起步，适合愿意尝新、自己能踩坑的同学。
如果你写项目经常在样式命名上犹豫，或者维护老项目样式总出 bug，Moo-CSS 会是个不错的尝试。
文件大小：2.19MB
评论区