组件化开发和sass文件管理

1、背景介绍：

假如现在有个项目，需要几个人共同协作完成，如果没有分工的话，小李在header中添加一个颜色，小王又在header添加一个按钮，这样子合作虽然暂时看起来没有问题，但是某一天，小李和小王同时想要在页面添加一个nav导航栏，这样就产生了冲突，而且万一哪天某个地方出现了bug导致整个页面都崩了，那现在是不是要找到这个出bug的部分是谁写的，然后让他去修改，我们开发项目的时候，一般用的是git这样的版本管理工具，在这个部分你添加一笔他添加一笔，最后都分不清楚是谁添的这一笔；这就导致一个管理很混乱的局面，并且出了问题大家可以互相推脱，做不到一个准确问责的状态！
假如现在又有个项目，但是吧，这个分工方式和上面那个有点区别，小王呢只负责写header页眉的部分，老李负责写main组内容和footer的部分；回头这个项目再给出现了一个大bug导致整个页面都崩了，一排查，是小王写的header出现了问题，现在，小王苦逼去修改他写的header了，老李呢，按时回家抱老婆去了！

2、知识剖析：

那么现在做个小总结：

什么是组件化开发？

1、页面上的每个 独立的 可视/可交互区域视为一个组件；像例子中，把header，main，footer独立出来就是把他们当成一个个的组件；