先说需求背景: 选用了 react 、vue 作为 js 框架的 web 项目,一般都会选配对应的 UI 组件库(如 Ant Design 、elementUi 、iView 等)加速页面开发,这时候样式都被 UI 组件承包了,大体上我们不需要再单独引入单纯的样式库。 但是,总有一些边边角角的样式需要调整,比如给某个元素加个 margin-top 、固定某个元素的宽度等,此时我们就需要整理一套能满足此类需求的样式了,总不能随用随写吧
来个解决方案:基于上述问题,我搞了个非常基础的样式库,库很小,目的就是补充 UI 组件库提供不了的样式。 地址是 https://github.com/attacking/webBaseCSS ,目前已发布第一版的 package ,后续会逐渐完善、优化
不知道你们在开发中是否也和我一样有这个问题困扰,如果有,希望这个小小的样式库能够解决你的问题,提高你的开发效率,也欢迎小伙伴一起贡献代码