作为一个前端，如何在搭建项目时如何将公共样式抽离出来，什么时候将公共样式抽离出来

Question

工作新手小白，每次都是别人帮我搭好的东西，自己就写写样式，数据交互一下，好想自己搭起来

1.使用webpack等现在打包工具

2.使用sass，less等预处理器

3.使用autoprefixer后处理器

Answer 1

拿到设计图 整体看看 看哪些是公共部分 考虑如何抽出公共的组件和样式 然后把复用度比较高的部分抽离出来做公共样式

Answer 2

比较常用的有按钮、input框、弹窗、表格等，这些都是可以写成公共样式的。另外，需要根据设计图来抽离公共的部分样式。

Answer 3

Css的任何一个规则，都是全局性的声明，会对引入它的页面当中所有相关元素起作用，不管那是不是你想要的。而独立及可组合的模块是一个可维护系统的关键所在。
所以也就有了 Css 设计模式。而设计模式会告诉你怎样分割整合各类样式。
自查关键词 OOCSS BEM Meta CSS

Answer 4

一目了然的功能可以考虑抽离出来，不然还是等项目完成差不多的时候在优化进行抽离，因为开始的时候你不知道后续有多少改动。

Answer 5

我觉得公共样式CSS的书写是结构相似度高的Dom结构的，得按照项目内相似dom来写,所以尽可能写非数值类的布局
预编译sass，再针对上者进行个性化设置