作为一个前端，如何在搭建项目时如何将公共样式抽离出来，什么时候将公共样式抽离出来
工作新手小白，每次都是别人帮我搭好的东西，自己就写写样式，数据交互一下，好想自己搭起来
1.使用webpack等现在打包工具
2.使用sass，less等预处理器
3.使用autoprefixer后处理器
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
拿到设计图 整体看看 看哪些是公共部分 考虑如何抽出公共的组件和样式 然后把复用度比较高的部分抽离出来做公共样式
比较常用的有按钮、input框、弹窗、表格等，这些都是可以写成公共样式的。另外，需要根据设计图来抽离公共的部分样式。
Css的任何一个规则，都是全局性的声明，会对引入它的页面当中所有相关元素起作用，不管那是不是你想要的。而独立及可组合的模块是一个可维护系统的关键所在。
所以也就有了 Css 设计模式。而设计模式会告诉你怎样分割整合各类样式。
自查关键词 OOCSS BEM Meta CSS
一目了然的功能可以考虑抽离出来，不然还是等项目完成差不多的时候在优化进行抽离，因为开始的时候你不知道后续有多少改动。
我觉得公共样式CSS的书写是结构相似度高的Dom结构的，得按照项目内相似dom来写,所以尽可能写非数值类的布局
预编译sass，再针对上者进行个性化设置